Palette Generator

Generate harmonious color palettes based on color theory. Choose a base color and palette type to create beautiful color schemes.

Base Color

Palette Type

Palette Types

Complementary: Opposite colors

Triadic: Three evenly spaced colors

Analogous: Adjacent colors

Monochromatic: Same hue, different saturation/lightness

Generated Palette

#3b82f6

#f6af3b

CSS Variables

--color-1: #3b82f6;
--color-2: #f6af3b;

Related Tools

Generate CSS clamp().

Background-clip gradient text.

Rotate, scale, skew.

Edit easing function.

Generate box-shadow CSS.

Generate text-shadow CSS.