Color Palette Scale Generator
Enter a brand color to generate an 11-step OKLCH scale (50–950). Your input is placed at the nearest step. Click a swatch to copy its hex.
~~~
Scale — anchor at
W / B badges mark steps that pass WCAG AA (4.5:1) as text on white or black backgrounds.
OKLCH values
| Step | Hex | OKLCH |
|---|---|---|
Export
~~~
About this tool
OKLCH keeps hue stable while interpolating lightness — better perceptual ramps than naive HSL. Chroma tapers at the light and dark ends so extremes stay usable. Out-of-gamut colors are clamped by reducing chroma until they fit sRGB.
Everything runs in your browser. Share via URL with ?c=hex (no #).
~~~
Read more
~~~
Free books, courses, and software
Get my programming books, course editions, and complete software.
Get the download library →