Palette Tools·free · no signup

Color Harmonies

See complementary, analogous, triadic, split-complementary and tetradic harmonies for any color — straight from the color wheel.

Base color
#
Complementary
· opposite hue — maximum contrast
Analogous
· neighbours — calm, cohesive
Triadic
· three evenly spaced — vibrant
Split-complementary
· softer than complementary
Tetradic
· two complementary pairs — rich

How to use the Color Harmonies

Color harmonies are defined by angles on the 360° color wheel. The tool reads your color’s hue and rotates it by the set amount for each scheme: complementary is the hue 180° opposite, analogous sits within about ±30°, triadic spaces three colors 120° apart, and tetradic uses four colors in a rectangle or square. Saturation and lightness are kept so the partners feel related.

  1. 1
    Pick a base color

    Choose a color or paste a HEX value to anchor the wheel.

  2. 2
    Compare the schemes

    View complementary, analogous, triadic, tetradic and split-complementary sets side by side.

  3. 3
    Take the colors

    Copy the HEX of any harmony color to build out a palette or accents.

Frequently asked

What are complementary colors?
They are the two colors directly opposite each other on the wheel (180° apart). They create the strongest contrast and pop when paired, like blue and orange.
When should I use analogous colors?
Analogous colors (within roughly ±30° of each other) feel calm and cohesive, making them good for backgrounds and gentle, low-contrast designs.
What is a triadic color scheme?
Three colors evenly spaced 120° apart on the wheel. It is vibrant yet balanced — let one dominate and use the others as accents.
How is split-complementary different from complementary?
Instead of the single opposite color, split-complementary uses the two colors adjacent to it. You keep strong contrast but with a bit more variety and less tension.

More palette tools

Palette Generator
Generate beautiful, screenshot-worthy 5-color palettes from any base color — lock, export and share.
Tint & Shade Generator
Generate 10 tints and 10 shades from any color — a full 50–900 scale.
Random Palette
Discover beautiful random color combinations with one click.