Explore

Color lab

Semantic OKLCH palettes with automatic contrast validation. Every neutral carries a slight chroma toward its anchor hue — flat greys read as flat. Each palette is checked against twelve required token pairs at build time by the test suite.

Forge Ember

dark · AA clean

Tokens

technical · serious · warm-accent · instrument

background

oklch(16% 0.008 60)

surface

oklch(20% 0.009 60)

surfaceRaised

oklch(24% 0.01 60)

border

oklch(32% 0.012 60)

text

oklch(93% 0.005 75)

muted

oklch(69% 0.012 65)

accent

oklch(72% 0.16 55)

accentInk

oklch(18% 0.02 55)

success

oklch(74% 0.14 150)

warning

oklch(80% 0.14 85)

danger

oklch(66% 0.19 25)

info

oklch(74% 0.1 230)

Best for: developer tools · build systems · design tooling — Design Forge's own palette. Ember accent on warm-tinted charcoal.

Contrast

WCAG 2.1

Pair	Ratio	Result
text on background	15.80	AAA
text on surface	14.74	AAA
text on surfaceRaised	13.40	AAA
muted on background	6.99	AA
muted on surface	6.52	AA
accent on background	7.47	AAA
accentInk on accent	7.25	AAA
success on background	8.90	AAA
warning on background	10.31	AAA
danger on background	5.71	AAA
info on background	8.61	AAA
border on background	1.53	pass ≥1.2

Ops Console

dark · AA clean

Tokens

dense · operational · semantic-status

background

oklch(15% 0.006 250)

surface

oklch(19% 0.008 250)

surfaceRaised

oklch(23% 0.01 250)

border

oklch(31% 0.012 250)

text

oklch(92% 0.004 250)

muted

oklch(67% 0.01 250)

accent

oklch(75% 0.11 230)

accentInk

oklch(17% 0.02 230)

success

oklch(75% 0.15 150)

warning

oklch(80% 0.14 85)

danger

oklch(64% 0.21 25)

info

oklch(76% 0.09 230)

Best for: monitoring · intelligence dashboards · trading — WorldMonitor-school: status hues do the talking; accent stays administrative.

Contrast

WCAG 2.1

Pair	Ratio	Result
text on background	15.53	AAA
text on surface	14.57	AAA
text on surfaceRaised	13.33	AAA
muted on background	6.58	AA
muted on surface	6.17	AA
accent on background	9.05	AAA
accentInk on accent	8.78	AAA
success on background	9.37	AAA
warning on background	10.44	AAA
danger on background	5.29	AAA
info on background	9.34	AAA
border on background	1.50	pass ≥1.2

Paper Ledger

light · AA clean

Tokens

editorial · calm · print-adjacent

background

oklch(97.5% 0.004 85)

surface

oklch(99% 0.002 85)

surfaceRaised

oklch(100% 0 0)

border

oklch(88% 0.006 85)

text

oklch(24% 0.01 60)

muted

oklch(48% 0.012 70)

accent

oklch(52% 0.14 40)

accentInk

oklch(98% 0.005 85)

success

oklch(52% 0.13 150)

warning

oklch(60% 0.13 80)

danger

oklch(52% 0.19 25)

info

oklch(50% 0.11 240)

Best for: docs · reading surfaces · editorial products — Warm paper, terracotta accent. Anti-slop: no pure white, no blue default.

Contrast

WCAG 2.1

Pair	Ratio	Result
text on background	15.33	AAA
text on surface	16.01	AAA
text on surfaceRaised	16.48	AAA
muted on background	6.09	AA
muted on surface	6.36	AA
accent on background	5.45	AAA
accentInk on accent	5.53	AA
success on background	4.83	AAA
warning on background	3.73	AA
danger on background	5.66	AAA
info on background	5.50	AAA
border on background	1.34	pass ≥1.2

Terminal Phosphor

dark · AA clean

Tokens

mono · hacker · austere

background

oklch(14% 0.01 145)

surface

oklch(17% 0.012 145)

surfaceRaised

oklch(21% 0.014 145)

border

oklch(30% 0.02 145)

text

oklch(88% 0.06 145)

muted

oklch(62% 0.05 145)

accent

oklch(85% 0.18 145)

accentInk

oklch(15% 0.03 145)

success

oklch(85% 0.18 145)

warning

oklch(82% 0.15 90)

danger

oklch(68% 0.2 25)

info

oklch(80% 0.08 200)

Best for: CLIs · log viewers · TERMINAL preset — Single-hue world; success intentionally equals accent. Use sparingly and on purpose.

Contrast

WCAG 2.1

Pair	Ratio	Result
text on background	14.14	AAA
text on surface	13.57	AAA
text on surfaceRaised	12.56	AAA
muted on background	5.58	AA
muted on surface	5.35	AA
accent on background	13.35	AAA
accentInk on accent	13.16	AAA
success on background	13.35	AAA
warning on background	11.35	AAA
danger on background	6.30	AAA
info on background	10.97	AAA
border on background	1.47	pass ≥1.2

Atelier Noir

dark · AA clean

Tokens

luxury · restrained · high-contrast

background

oklch(18% 0.008 300)

surface

oklch(22% 0.009 300)

surfaceRaised

oklch(26% 0.01 300)

border

oklch(36% 0.01 300)

text

oklch(95% 0.004 90)

muted

oklch(70% 0.008 300)

accent

oklch(80% 0.09 90)

accentInk

oklch(22% 0.02 90)

success

oklch(74% 0.12 150)

warning

oklch(80% 0.12 85)

danger

oklch(64% 0.17 25)

info

oklch(74% 0.08 250)

Best for: LUXURY preset · premium brand tools · portfolio — Champagne-gold accent, violet-tinted noir neutrals. Gold footprint ≤ small.

Contrast

WCAG 2.1

Pair	Ratio	Result
text on background	16.27	AAA
text on surface	14.99	AAA
text on surfaceRaised	13.46	AAA
muted on background	7.03	AAA
muted on surface	6.48	AA
accent on background	10.08	AAA
accentInk on accent	9.27	AAA
success on background	8.56	AAA
warning on background	10.02	AAA
danger on background	5.17	AAA
info on background	8.21	AAA
border on background	1.73	pass ≥1.2

Soft Daybreak

light · AA clean

Tokens

soft · friendly · productivity

background

oklch(97% 0.006 250)

surface

oklch(99% 0.003 250)

surfaceRaised

oklch(100% 0 0)

border

oklch(89% 0.008 250)

text

oklch(28% 0.015 260)

muted

oklch(52% 0.015 255)

accent

oklch(50% 0.11 165)

accentInk

oklch(98% 0.005 165)

success

oklch(56% 0.13 150)

warning

oklch(64% 0.13 80)

danger

oklch(54% 0.18 25)

info

oklch(56% 0.1 240)

Best for: SOFT PRODUCTIVITY · personal tools · wellness — Cool paper, jade accent — deliberately not the default SaaS blue.

Contrast

WCAG 2.1

Pair	Ratio	Result
text on background	13.38	AAA
text on surface	14.18	AAA
text on surfaceRaised	14.59	AAA
muted on background	5.05	AA
muted on surface	5.35	AA
accent on background	5.16	AAA
accentInk on accent	5.32	AA
success on background	4.03	AA
warning on background	3.14	AA
danger on background	5.09	AAA
info on background	4.21	AA
border on background	1.27	pass ≥1.2

Arcade Night

dark · AA clean

Tokens

playful · energetic · codified-saturation

background

oklch(19% 0.02 300)

surface

oklch(23% 0.025 300)

surfaceRaised

oklch(28% 0.03 300)

border

oklch(38% 0.04 300)

text

oklch(96% 0.01 320)

muted

oklch(72% 0.03 310)

accent

oklch(78% 0.17 340)

accentInk

oklch(20% 0.04 340)

success

oklch(80% 0.16 150)

warning

oklch(84% 0.15 90)

danger

oklch(68% 0.21 20)

info

oklch(78% 0.12 220)

Best for: GAMING preset · party games · social play — Loud but codified (GitFut lesson): saturation follows game-state grammar, not decoration.

Contrast

WCAG 2.1

Pair	Ratio	Result
text on background	16.44	AAA
text on surface	15.07	AAA
text on surfaceRaised	13.06	AAA
muted on background	7.39	AAA
muted on surface	6.77	AA
accent on background	8.57	AAA
accentInk on accent	8.46	AAA
success on background	10.53	AAA
warning on background	11.30	AAA
danger on background	5.81	AAA
info on background	9.57	AAA
border on background	1.82	pass ≥1.2

Research Slate

light · AA clean

Tokens

scholarly · dense · neutral-cool

background

oklch(96.5% 0.004 250)

surface

oklch(98.5% 0.002 250)

surfaceRaised

oklch(100% 0 0)

border

oklch(87% 0.006 250)

text

oklch(25% 0.012 260)

muted

oklch(47% 0.012 255)

accent

oklch(48% 0.1 260)

accentInk

oklch(98% 0.004 260)

success

oklch(50% 0.12 150)

warning

oklch(58% 0.12 80)

danger

oklch(50% 0.18 25)

info

oklch(48% 0.1 230)

Best for: RESEARCH preset · analytics reading · knowledge tools — Indigo-ink accent used like a citation highlight, not a brand shout.

Contrast

WCAG 2.1

Pair	Ratio	Result
text on background	14.46	AAA
text on surface	15.33	AAA
text on surfaceRaised	16.00	AAA
muted on background	6.16	AA
muted on surface	6.53	AA
accent on background	5.95	AAA
accentInk on accent	6.22	AA
success on background	5.13	AAA
warning on background	3.93	AA
danger on background	5.96	AAA
info on background	5.74	AAA
border on background	1.34	pass ≥1.2