Colour Governance
OKLCH engine v2
Colour Governance Dashboard
System health · 90/100
Score blends static OKLCH ramp health with a live audit of the tokens currently applied to :root. Edit a token in Themes or Tokens and press Re-run audit to refresh.
13Healthy ramps0At-risk ramps0Critical ramps0AA failures32AAA gaps
Ramp health
90/100
Live tokens
—
WCAG 2.2
AA + AAA
Engine
OKLCH v2
Yellow
Brand
Health 87
Brand-defining premium gold. Rich at every step, never muddy.
Uniformity
80
AA
100
AAA
82
Brand
76
HEX
#CF9B00
RGB
rgb(207 155 0)
HSL
hsl(45 100% 41%)
OKLCH
oklch(71.9% 0.148 84.4)
vs white
2.52 · Fail
vs ink
7.66 · AAA
Gold
Health 87
Editorial gold complement. Warm, optimistic.
Uniformity
80
AA
100
AAA
82
Brand
76
HEX
#DC9200
RGB
rgb(220 146 0)
HSL
hsl(40 100% 43%)
OKLCH
oklch(71.7% 0.153 73.2)
vs white
2.58 · Fail
vs ink
7.49 · AAA
Amber
Health 87
Warning and attention surfaces.
Uniformity
80
AA
100
AAA
82
Brand
76
HEX
#ED8500
RGB
rgb(237 133 0)
HSL
hsl(34 100% 46%)
OKLCH
oklch(71.6% 0.168 59.9)
vs white
2.64 · Fail
vs ink
7.31 · AAA
Neutral
Health 92
Cool-neutral ink for surfaces and text. Dark-mode ready.
Uniformity
80
AA
100
AAA
82
Brand
100
HEX
#9EA4A9
RGB
rgb(158 164 169)
HSL
hsl(207 6% 64%)
OKLCH
oklch(71.5% 0.010 242.9)
vs white
2.52 · Fail
vs ink
7.66 · AAA
Stone
Health 92
Warm neutral for editorial and marketing surfaces.
Uniformity
80
AA
100
AAA
82
Brand
100
HEX
#AAA19B
RGB
rgb(170 161 155)
HSL
hsl(24 8% 64%)
OKLCH
oklch(71.5% 0.014 56.2)
vs white
2.54 · Fail
vs ink
7.60 · AAA
Blue
Health 92
Information and links. Banking-trust anchor.
Uniformity
80
AA
100
AAA
82
Brand
100
HEX
#38A6FF
RGB
rgb(56 166 255)
HSL
hsl(207 100% 61%)
OKLCH
oklch(70.5% 0.163 247.5)
vs white
2.60 · Fail
vs ink
7.41 · AAA
Indigo
Health 92
Secondary brand accent for AI surfaces.
Uniformity
80
AA
100
AAA
73
Brand
100
HEX
#8293FF
RGB
rgb(130 147 255)
HSL
hsl(232 100% 75%)
OKLCH
oklch(69.8% 0.159 274.8)
vs white
2.78 · Fail
vs ink
6.95 · AA
Green
Health 92
Confirmation and progress.
Uniformity
80
AA
100
AAA
82
Brand
100
HEX
#43BF69
RGB
rgb(67 191 105)
HSL
hsl(138 49% 51%)
OKLCH
oklch(71.6% 0.165 150.1)
vs white
2.36 · Fail
vs ink
8.17 · AAA
Emerald
Health 92
Money, growth and treasury surfaces.
Uniformity
80
AA
100
AAA
73
Brand
100
HEX
#00C381
RGB
rgb(0 195 129)
HSL
hsl(160 100% 38%)
OKLCH
oklch(72.1% 0.163 160.2)
vs white
2.30 · Fail
vs ink
8.38 · AAA
Teal
Health 92
Calm informational surfaces and charts.
Uniformity
80
AA
100
AAA
73
Brand
100
HEX
#00BDBE
RGB
rgb(0 189 190)
HSL
hsl(180 100% 37%)
OKLCH
oklch(72.3% 0.123 195.4)
vs white
2.33 · Fail
vs ink
8.29 · AAA
Red
Health 89
Destructive and error states.
Uniformity
80
AA
100
AAA
73
Brand
87
HEX
#FF5D53
RGB
rgb(255 93 83)
HSL
hsl(3 100% 66%)
OKLCH
oklch(69.1% 0.199 27.1)
vs white
3.02 · AA Large
vs ink
6.38 · AA
Rose
Health 89
Marketing emphasis and tags.
Uniformity
80
AA
100
AAA
73
Brand
87
HEX
#FF5E80
RGB
rgb(255 94 128)
HSL
hsl(347 100% 68%)
OKLCH
oklch(70.0% 0.196 11.0)
vs white
2.93 · Fail
vs ink
6.58 · AA
Purple
Health 89
Premium tier and Premier theme.
Uniformity
80
AA
100
AAA
73
Brand
87
HEX
#C07DFF
RGB
rgb(192 125 255)
HSL
hsl(271 100% 75%)
OKLCH
oklch(71.2% 0.191 305.9)
vs white
2.76 · Fail
vs ink
7.00 · AA