UI Color Generator

ColorGen

Engine

Strategy

Typography

Error Color

Red (Material default)

Fixed hue 27° — always red regardless of seed

Seed-derived (most unique)

Finds the hue maximally distant from primary, secondary & tertiary

Hue Offsets ° from seed · blank = strategy default

Secondary

Tertiary

Min Chroma OKLCH 0–0.4 · floor for the role's seed · blank = strategy default

Primary

Secondary

Tertiary

Neutral Chroma

Neutral 0.008

Neutral Variant 0.025

Shadow & Scrim

Themed (seed-tinted)

Primary palette T10/T8 — near-black with seed hue baked in

M3 strict (pure black)

Neutral T0 — matches M3 baseline token; tint comes from alpha at use

Role Hex Matching

Snap to shade hex

Role color = nearest shade in the 11-shade strip. Tone may drift up to ±5 from M3 spec.

Exact M3 tone

Interpolate OKLCH at the prescribed M3 tone. Role hex may differ from any displayed shade.

Tone Map HCT tone per shade (0–100)

Offset & chroma fields apply on next Generate. Neutral sliders & error mode apply immediately.

Key Color Palettes

6 M3 key palettes · 11 shades each · WCAG always shown · T button overrides text color · ✎ overrides shade

Generate a palette to see export output.