Which harmony types are available?

Complementary, analogous, triadic, split-complementary, tetradic and monochromatic.

How do I change the base color?

Click any swatch on the wheel or in the grid, or type a hex code into the input.

Color Wheel

Choose a base color, pick a harmony rule, and get a ready-to-use scheme. Click any swatch to make it the new base.

Base · hue 262°

#7c3bed

#aced3b

#7c3bed #aced3b

A color wheel shows how hues relate to one another. Color harmony is the art of combining colors that look balanced together, derived using simple geometric rules on the wheel.

Frequently asked questions

A harmony is a set of colors generated from a base hue using a fixed rule on the color wheel, such as complementary or analogous.

Must-know facts

Complementary colors sit 180° apart on the wheel and create strong contrast.
Analogous colors sit close together (within about 30°) and feel calm and cohesive.

Related tools

These color tools pair naturally with the one you just used — keep exploring.

Palette GeneratorCreate harmonious palettes with lock and export.Gradient GeneratorBuild linear, radial and conic CSS gradients.Color PickerPick, fine-tune and copy any color in HEX, RGB or HSL.