18 个定稿色

Global

global-black
#111111

global-white
#FFFFFF

global-primary
#A28F79

global-red
#D35C1A

global-secondary
#E7D5BF

Background

bg-white
#FCFBFA

bg-black
#53443C

bg-1
#F5F2ED

bg-2
#EBE2D8

bg-3
#E5D7C5

Text

text-1
#53443C

text-2
#666564

text-3
#C9C9C9

text-4
#DFDFDF

text-white
#FFFFFF

Border

border-black
#333333

border-1
#E5E2DF

border-2
#D6D3D0

实际用到的配对

文字 4.5:1；24px 以上的字、控件边框、焦点环、图标 3:1。虚线框是不允许的组合。

Aafg-primary
on surface-card9.29:1 ✓
Aafg-primary
on surface-page8.32:1 ✓
Aafg-primary
on surface-section7.26:1 ✓
Aafg-primary
on surface-warm6.57:1 ✓
Aafg-primary
on surface-sand6.49:1 ✓
Aafg-secondary
on surface-card5.82:1 ✓
Aafg-secondary
on surface-page5.21:1 ✓
Aafg-secondary
on surface-section4.54:1 ✓
Aafg-secondary
on surface-warm4.12:1 ✕ 不允许
Aafg-secondary
on surface-sand4.06:1 ✕ 不允许
Aafg-on-inverse
on surface-inverse9.29:1 ✓
Aafg-on-inverse-secondary
on surface-inverse5.61:1 ✓
Aafg-accent-large
on surface-card3.12:1 ✓
Aafg-accent-large
on surface-page2.79:1 ✕ 不允许
Aaaction-primary-fg
on action-primary-bg9.29:1 ✓
Aaaction-primary-fg
on action-primary-hover-bg12.63:1 ✓
●action-primary-bg
on surface-page8.32:1 ✓
●action-secondary-border
on surface-page8.32:1 ✓
Aafg-primary
on action-warm-bg6.49:1 ✓
Aafg-primary
on action-inverse-bg8.32:1 ✓
Aabadge-sale-fg
on badge-sale-bg4.78:1 ✓
Aabadge-new-fg
on badge-new-bg9.29:1 ✓
Aabadge-feature-fg
on badge-feature-bg6.49:1 ✓
Aaprice-sale-large
on surface-card3.95:1 ✓
Aaprice-sale-large
on surface-page3.54:1 ✓
Aaprice-compare
on surface-card5.82:1 ✓
●rating-star
on surface-card3.12:1 ✓
●control-border
on surface-card5.82:1 ✓
●control-border
on surface-page5.21:1 ✓
●control-border-error
on surface-card3.95:1 ✓
●feedback-error-accent
on surface-page3.54:1 ✓
●focus-ring-color
on surface-page8.32:1 ✓
●focus-ring-color
on surface-warm6.57:1 ✓
●focus-ring-inverse-color
on surface-inverse9.29:1 ✓
Aafg-placeholder
on surface-card5.82:1 ✓