Copied
Harmony generator

Build colour harmonies from one base colour

Pick one colour and instantly generate complementary, analogous, triadic, tetradic, split-complementary and monochromatic palettes. Copy the HEX values, export CSS variables, or use the ideas as a starting point for websites, interiors, brand concepts and creative work.

Start generating

Colour harmony tool

Choose a base colour, select a harmony rule and copy the generated colour set.

Colours generated

Click any colour to copy its HEX value.

How to use each harmony

ComplementaryBest for high contrast, strong call-to-action colours and bold editorial graphics.
AnalogousBest for calm, related palettes where colours sit close together and feel naturally connected.
TriadicBest for lively but balanced designs, especially posters, illustrations and playful brand directions.
MonochromaticBest for refined interfaces, presentations, dashboards and simple visual systems built from one hue.

Palette examples to compare

These live palettes from the database give you practical examples of how colour combinations behave beyond strict mathematical harmonies.