Color palette generator
How the palette generator works
Every press of the space bar builds a new palette in the perceptual OKLCH color space, so colors share a believable relationship instead of being random. Lock any color you like and the next palettes are built around it.
- Lock a color to keep it while everything else changes.
- Shades opens 13 lighter and darker variants of a color.
- Vision simulation previews how the palette looks with common color-vision deficiencies.
- Export to HEX, CSS, Tailwind (v3 and v4), the light/dark theme bundle, SCSS, design tokens, SVG and PNG.