How does the palette generator work?

Press the space bar to generate a new palette. Lock the colors you like by clicking the lock icon, then press space again to roll the rest.

What harmony types are supported?

Random, complementary, analogous, triadic, tetradic, split-complementary, monochromatic and OKLCH-based perceptual harmonies.

CSS variables, Tailwind config, SCSS, JSON, SVG, PNG and W3C Design Tokens (DTCG). One click each, no sign-up.

Yes. The full palette is encoded in the URL, so you can share or bookmark any palette you generate.

Press Space to generate

Build complementary, analogous, triadic harmonies.

OKLCH gradient stops, copy-ready CSS.

Endless feed of curated palettes.