03 · Colour
WGC-COL
Five colours. Disciplined ratios.
Click any swatch to copy its hex or oklch value. Use Ironstone and Bone as the base; reserve Signal Amber for moments that demand attention.
The palette
03.A--ironstoneIronstone
Primary · text · authority
--boneBone
Base · paper · calm
--signalSignal Amber
Accent · single use · action
--verdigrisVerdigris
Supporting · positive states
--emberEmber
Alerts only · never decoration
--ink-mutedInk Muted
Secondary text · captions
--ruleRule
Hairlines · borders · grid
Usage ratio · 60 / 30 / 10
03.B60% Bone · base
30% Ironstone · structure
10% Signal
Verdigris and Ember sit outside this ratio — used only for state (positive / alert) and never as decoration.
Accessible pairings
03.CAa Bb 123
Bone on Ironstone
AAA · 13.4:1
Aa Bb 123
Ironstone on Bone
AAA · 13.4:1
Aa Bb 123
Ironstone on Signal
AAA · 8.1:1
Aa Bb 123
Bone on Verdigris
AA · 4.7:1
Aa Bb 123
Bone on Ember
AA · 4.6:1
Aa Bb 123
Ironstone on Rule
AAA · 11.2:1