Color harmony & relationships
Build palettes that feel intentional using proven hue relationships.
Four core harmonies
Complementary
Two hues ~180° apart. Maximum contrast, high energy. Use one dominant, one as accent.
Analogous
Neighboring hues ~30° apart. Calm, cohesive. Great for backgrounds and gradients.
Triadic
Three hues evenly spaced at 120°. Vibrant yet balanced. Let one dominate.
Monochromatic
One hue, varied saturation and lightness. Elegant, easy to get right, always harmonious.
Which harmony type uses hues that are neighbors on the color wheel (~30° apart)?
A monochromatic palette varies…
Using complementary colors
Complementary pairs (opposites on the wheel) create the strongest hue contrast. Red/cyan, blue/yellow, green/magenta. They vibrate when placed side-by-side at equal saturation — exciting in small doses, exhausting at scale.
The fix: let one color dominate and use its complement as an accent. Or desaturate one side. A deep navy field with warm amber highlights uses a near-complementary relationship without overwhelming the viewer.
When two complementary colors are mixed equally, the result tends toward…
Warm vs cool colors
Colors carry a felt temperature. Reds, oranges, and yellows read as warm — they advance toward the viewer, feel energetic, urgent, or cozy. Greens, blues, and violets read as cool — they recede, feel calm, professional, or distant.
Use temperature to create depth: warm foreground elements advance against cool backgrounds. Use it to set mood: corporate identities lean cool for trust; hospitality and food brands lean warm for welcome and appetite.
Warm colors
- Hues
- Red, orange, yellow
- Effect
- Advance, energize
- Mood
- Urgent, cozy, appetizing
- Use for
- Calls to action, alerts, hospitality
Cool colors
- Hues
- Green, blue, violet
- Effect
- Recede, calm
- Mood
- Trustworthy, serene, clinical
- Use for
- Backgrounds, corporate, healthcare
Warm colors tend to visually…
A corporate or healthcare brand would typically lean toward which temperature to convey trust?