Color Palette Generator

Free color palette generator. Generate harmonious color schemes from any base color.

#3c83f6
#f6af3c
#3c83f6
hsl(217,91%,60%)
#f6af3c
hsl(37,91%,60%)

Harmony Rules

Generate complementary, analogous, triadic, split-complementary, and tetradic palettes.

From Any Color

Pick a base color or enter HEX/RGB to generate palettes.

Export

Copy colors as HEX, RGB, or HSL. Export as CSS variables.

FAQ

What is a complementary color?

The color directly opposite on the color wheel. E.g., blue and orange, red and green.

How many colors should a palette have?

Most designs use 3-5 colors: a primary, secondary, accent, and 1-2 neutrals.