§ 4.3 · Primary scale — Chilli Red

Primary 50 — 950

Scale 11 bước cho hover, active, tints, dark mode. 600 là Brand Primary. Hue 27.5 giữ nguyên xuyên suốt; chỉ L (lightness) và C (chroma) thay đổi.

50
#FDF2F2
100
#FBE3E3
200
#F7C0C0
300
#F09494
400
#E66666
500
#D63838
600
#B41A1A
700
#921616
800
#701111
900
#4E0C0C
950
#2C0707
hover row, lightest bg
tag bg
light border
disabled text on red
hover secondary
lighter primary
★ brand primary
hover on primary
active / pressed
text on surface
dark mode bg