Generate harmonious color schemes using color theory
Pick a base color and generate harmonious palettes using color theory rules like complementary, analogous, triadic, and split-complementary schemes. Useful for designers, developers, and anyone who needs a cohesive color set for a project.
Initializing in your browser…
You have one brand blue and need a coherent five-colour palette for a UI without guessing harmonious shades.
Base colour + scheme
#2563EB · "Analogous"
Generated palette
#25C7EB #2563EB #4025EB #8B25EB #EB25C7
An analogous scheme picks colours adjacent on the colour wheel (rotating hue while holding saturation/lightness), which reads as calm and cohesive, versus complementary, which maximises contrast. The tool computes the math on the wheel so the set is harmonious by construction, then gives you the hex codes ready for design tokens.
Pick a base color and generate harmonious palettes using color theory rules like complementary, analogous, triadic, and split-complementary schemes. Useful for designers, developers, and anyone who needs a cohesive color set for a project.
Generate a balanced color scheme for a website header, buttons, and backgrounds.
Explore color harmonies when developing a brand palette from a primary brand color.
Create a cohesive slide deck by using colors from the same harmony group.
Complementary (opposite on the color wheel) creates strong contrast. Analogous (adjacent colors) feels more harmonious. Try both and see which fits your project.
Select your locked color as the base and switch between harmony rules, the base stays fixed while the derived colors change.
Conversions run on your device in JavaScript. The values you enter are never sent over the network.