Your files stay on your device

Color Palette Generator: Harmonies and Exports

Harmony palettes from one color: complementary, analogous, triadic, tetradic, split, and monochrome.

Base color
Scheme
Paste a color to start
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.

Next door in Color

All color tools