Your files stay on your device

Color palette generator

Build a matching palette from one color: complementary, analogous, triadic, and more.

Base color

Scheme

CSS custom properties

Waiting for a base color.

Tailwind tokens

Waiting for a base color.

JSON

Waiting for a base color.

Harmony steps are HSL hue rotations off the base; the OKLCH under each swatch is its label. The base + scheme ride the URL, nothing else.

All color tools