Pick colors that go together
One base color, five harmonies — a starting palette for a button, a chart, or a slide.
Tools used in this guide
The job
You have a brand color or a photo's dominant hue and need colors that sit well next to it. Pick the base, choose a harmony, and copy the hex of any swatch.
What each harmony means
Complementary picks the color opposite on the wheel — maximum contrast, use sparingly. Analogous takes the neighbors — calm and low-risk. Triadic spaces three colors evenly — lively but busy. Split-complementary softens the direct opposite. Monochrome varies lightness only — the safest scheme.
Before you ship it
These are HSL rotations — mathematically regular, not a guarantee of taste or accessibility. Text on a harmonious background can still be unreadable, so run the pair through the contrast checker first.