OKLCH palette generator

Generate a palette you can actually ship.

Pick a base hue, lock the swatches you like, and regenerate the rest. Every swatch reports its WCAG text contrast, and the whole ramp copies out as hex, CSS variables, or JSON.

Base hue 265°

Swatches

#cddefb
Text AAA · 14.22:1
#8d9bff
Text AAA · 7.66:1
#046eef
Text AA · 4.56:1
#281888
Text AAA · 12.96:1
#04081a
Text AAA · 19.37:1

Lock the swatches you like, then regenerate — only unlocked swatches change. Press R to regenerate.

Deterministic

Every ramp comes from a seeded generator, so the same hue and seed reproduce the exact same swatches.

Accessible

Each swatch reports the contrast of its readable text tone and grades it against the WCAG AA/AAA thresholds.

Token-driven

The interface is built from the template's OKLCH semantic tokens, in both light and dark themes.