Color Harmony Generator
Find complementary, analogous and triadic colour schemes.
Colour harmonies are combinations that look good together because of their positions on the colour wheel.
About Color Harmony Generator
Pick a base colour and instantly see complementary, analogous, triadic, split-complementary, tetradic and square colour schemes built with colour-wheel maths. Copy any scheme as a list of HEX codes for your palette.
Colour harmonies are combinations that look good together because of their positions on the colour wheel. Enter a base colour and this tool builds complementary, analogous, triadic, split-complementary, tetradic and square schemes for you.
How to use Color Harmony Generator
- Pick a base colour.
- Browse the six colour schemes generated from it.
- Click Copy all on the scheme you like to grab its HEX codes.
Key features
- Six classic colour-wheel schemes.
- Large swatches and HEX codes for each scheme.
- Copy a whole scheme in one click.
Common use cases
- Choosing accent colours to go with a brand colour.
- Building a palette for a website, app or presentation.
- Learning how colour theory works in practice.
Frequently asked questions
Related tools
Color Picker
Click any pixel in an image to get its exact color code.
CSS Gradient Generator
Create linear, radial and conic CSS gradients visually.
Color Converter
Convert colours between HEX, RGB, HSL, HSV, CMYK and OKLCH.
Color Contrast Checker
Check WCAG contrast ratio between text and background colours.