Triadic Colour Schemes: A Colour Theory Shortcut for Vibrant Palettes
Colour theory sounds like something you need training for, and most of it is. Triadic schemes are the exception: pick a colour, rotate it 120 degrees twice, and you have three that work together. The Triadic Colour Generator does the rotating.
Why even spacing works
Three colours spaced equally around the wheel are as far apart as three colours can be while remaining equally related. You get genuine variety - nobody will mistake one for another - without the head-on tension of a complementary pair sitting opposite each other.
The arithmetic is simply the hue plus 120 and plus 240, wrapping at 360. A hue of 0 - red - gives you green at 120 and blue at 240, the primaries. Start at 30 and you get orange, green-blue and violet.
Using one without it shouting
Three vivid colours in equal measure is a lot, and this is where triadic schemes usually go wrong. The convention is to let one dominate, use the second for supporting elements, and keep the third for small accents - roughly 60, 30 and 10 percent of the coloured area.
You can also soften any of them. Lower the saturation on the two supporting colours and they recede into backgrounds and borders while the dominant one keeps its energy. The relationship between the hues survives; only the volume changes.
Where it fits
Charts and data visualisation, where categories need to be clearly different. Illustration and brand work that wants to feel lively. Interfaces with several distinct sections. It suits anything playful more readily than anything sober - a bank is a hard place for a triad.
If three feels like too much, two opposite colours from the Complementary Colour Finder is the simpler relationship, and shades of one colour from the Palette Generator is simpler still.
Before you build on it
Check the pairs you will actually place together against the Contrast Checker. Three vivid colours of similar lightness look balanced and can be unreadable in combination.
Starting from a colour you cannot change
Most of the time the base colour is decided for you - it is the brand colour. That is fine, because a triad is defined by the relationship rather than by the starting point, so any colour produces a valid one.
What varies is whether the result suits the subject. A triad built from a warm orange gives you a lively, energetic set. One built from a cool blue gives something calmer even though the arithmetic is identical. If the result feels wrong for the brief, the usual adjustment is not to abandon the triad but to lower the saturation of all three, which keeps the balance and takes out the shout.
You can also rotate the whole set. Shifting every hue by the same amount preserves the relationship while moving the mood.
Common questions
Does a triad have to use all three colours equally?
No, and it should not. One dominant, one supporting, one accent is the usual split.
What is the difference from a split complementary scheme?
A triad spaces three colours evenly. Split complementary takes a base and the two neighbours of its opposite, which keeps more contrast with less balance.
Can I use a triad for a serious brand?
Yes, with the saturation brought right down. The relationship still organises the palette; it just stops announcing itself.
Generate a triad: