Warning
Deprecation, quota near limit
#FEF3C7#F59E0B#B45309
Section 02
Color
Read the green.
Tournament green carries the brand, warm neutrals keep product surfaces quiet, and a small supporting palette makes state and story clear.
Green
500 is the brand green. 600 and 700 for hover and pressed, 50–200 for fills and badges.
50#ECFDF3
100#D1FADF
200#A6F4C5
300#6CE9A6
400#22C55E
500#16A34A
600#12833C
700#0E652F
800#0B2A1E
Neutral
Warm greys, not blue. 700 is body text, 400 is borders, 100 is page fill.
0#FFFFFF
50#F7F7F4
100#F3F3EE
200#E5E5DF
300#C9C9C1
400#8E8E86
500#5A5A54
700#2B2E2B
900#0B0E0C
Status
Three only. Each has a fill, a base and a text tone. Never use green for a status—it belongs to the brand.
Error
4xx and 5xx, failed keys
#FEE4E2#F04438#B42318
Info
Beta flags, changelog notes
#D1E9FF#2E90FA#175CD3
Editorial
For long-form pages and marketing grounds. Never in product UI.
Sand#EDE7D9
Bunker#C8BFA8
Pine#1F4B3F
Rough#7A8C4A