Color wheel
Drag across the wheel to pick a base color, then choose a harmony to see which colors work with it.
How to use this tool, with screenshots →Frequently asked questions
What is a color harmony?
A harmony is a set of colors chosen by their position on the color wheel — opposite (complementary), neighbouring (analogous) or evenly spaced (triadic, tetradic) — which tends to look balanced together.
Which harmony should I use for a website?
Analogous and monochromatic schemes feel calm and cohesive. Complementary and split-complementary schemes add energy; use the second color sparingly for buttons and highlights.