What color harmonies are available?

Complementary (opposite on the color wheel), Analogous (neighbors), Triadic (3 equidistant colors), Monochromatic (same hue, different lightness), and Shades (6 lightness steps).

Can I export the palette?

Yes. Copy the palette as CSS custom properties or JSON using the copy buttons below the palette preview.

Is my data sent to a server?

No. All color calculations happen in your browser. No data is sent anywhere.

Color Tools

Color palette generator

Pick a base color and generate beautiful palettes — complementary, analogous, triadic, monochromatic, and shades. Export as CSS or JSON.

Base color

CSS Variables

:root {
  --color-1: #0ea5e9;
  --color-2: #e7520d;
}

JSON

[
  "#0ea5e9",
  "#e7520d"
]

Frequently asked questions

What color harmonies are available?: Complementary (opposite on the color wheel), Analogous (neighbors), Triadic (3 equidistant colors), Monochromatic (same hue, different lightness), and Shades (6 lightness steps).
Can I export the palette?: Yes. Copy the palette as CSS custom properties or JSON using the copy buttons below the palette preview.
Is my data sent to a server?: No. All color calculations happen in your browser. No data is sent anywhere.

Color palette generator

Frequently asked questions

Related tools