Alipay 支付宝 Color Palette

Select any value to copy it.

• Alipay Blue

  Primary

  #1677FFrgb(22, 119, 255)hsl(215, 100%, 54%)

  Closest in ArchiveCobalt Tone Pure
  Closest in Archive: Cobalt Tone Pure

• White

  Neutral

  #FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)

  Closest in ArchiveWarm Gray Veil
  Closest in Archive: Warm Gray Veil

• Charcoal

  Neutral

  #1F1F1Frgb(31, 31, 31)hsl(0, 0%, 12%)

  Closest in ArchiveTrue Gray Ink
  Closest in Archive: True Gray Ink

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

• Alipay BlueAaon white4.10:1Large text onlyAlipay Blue: Open in contrast checkerAaon black5.12:1AAAlipay Blue: Open in contrast checker
• WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker
• CharcoalAaon white16.48:1AACharcoal: Open in contrast checkerAaon black1.27:1Not for textCharcoal: Open in contrast checker

About this palette

Alipay's #1677FF (the modern revision of its original blue) is engineered for trust, calm, and competence at the moment of payment. Ant Group revised the value subtly in 2020 for dark-mode and OLED screens. The blue appears on every Alipay transaction confirmation surface.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

:root {
  --alipay-blue: #1677ff;
  --alipay-white: #ffffff;
  --alipay-charcoal: #1f1f1f;
}

@theme {
  --color-alipay-blue: #1677ff;
  --color-alipay-white: #ffffff;
  --color-alipay-charcoal: #1f1f1f;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "alipay-blue": "#1677ff",
        "alipay-white": "#ffffff",
        "alipay-charcoal": "#1f1f1f",
      },
    },
  },
};

Source: https://www.alipay.com/ · As of 2026-05-03 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Alipay 支付宝 name and any associated marks belong to their owner. Request removal via support.

More from China Internet