Generate a base color plus the two hues flanking its complement (150° and 210° away). You keep the visual tension of a complementary scheme with far less risk of harshness — which is why split-complementary is the harmony most often recommended to non-designers.
Generated locally in your browser — your colors, settings and code never leave this page.
Opposition with a safety margin
Split-complementary is the diplomat’s complementary: instead of confronting your base with its exact opposite, it engages the two hues flanking that opposite (150° and 210° away). The tension that makes complementary schemes effective survives — warm still faces cool — but the confrontation softens into a triangle, and triangles are forgiving. It is the scheme most often recommended to non-specialists because its failure modes are gentle.
The two-flanker dynamic
The flankers are 60° apart from each other — near-analogous neighbors — which creates the scheme’s signature flexibility: they can gang up (a gradient or paired accents against the base) or divide labor (one for interaction, one for information). The base, meanwhile, has no direct opposite present and can dominate large areas without vibration — the practical advantage over pure complementary that makes this scheme livable at scale.
Choosing roles by measurement
Which flanker becomes the CTA is a contrast question, not a taste question: check both against your actual surfaces in the Contrast Checker and give the button to the one with headroom. Typical pattern from a blue base: the orange flanker (warm, advancing) takes primary actions, the yellow-adjacent one takes highlights and info accents — but bases in other regions reshuffle the logic, and the measured ratios settle it.
Relationship to its neighbors on the scheme spectrum
Think of a dial: complementary (maximum tension) → split-complementary → triadic (even balance). Split-complementary sits deliberately off-center — more directed than a triad, more forgiving than a pure pair. If a design needs more punch, step toward complementary; more playfulness, toward triadic. The Harmony Generator renders all three from the same base for exactly this comparison.
The triangle, measured
A blue base with its split complements, including the relationships that matter for deployment:
| Member | HEX | Relation to base |
|---|---|---|
| Base | #308ce8 | — |
| Flanker A | #e83030 | +150° — warm, advancing |
| Flanker B | #e8e830 | +210° — bright, lifting |
| (Avoided: true complement) | #e88c30 | +180° — the confrontation skipped |
The fourth row is the scheme’s definition by omission: the direct opposite sits between the two chosen flankers, present in spirit, absent in fact. Every split-complementary palette is this same maneuver at a different starting angle — tension borrowed from the complement without inviting it.
How to use the Split Complementary Palette Generator
- Pick the base; the two hues flanking its complement (at 150° and 210°) join it.
- Optional tints round out the set.
- Export the trio.
Frequently asked questions
Why is split-complementary recommended over pure complementary for beginners?
It keeps the energy of opposition while splitting it across two hues, so no single pair locks into maximum tension. Mistakes look softer; nearly any base yields something workable. Design education pushes it precisely because it is forgiving without being boring.
What exactly are the two flanking angles?
150° and 210° from your base – the complement's immediate neighbors at ±30°. You get "warm versus two cools" or the reverse, which reads more natural than one-versus-one confrontation.
How do I distribute three hues that are not evenly spaced?
Base leads (it has no nearby rival), the two flankers alternate as accents – one for interaction, one for information. Because the flankers neighbor each other, they can also gang up as a gradient family against the base.
Which flanker should become the CTA color?
The one contrasting most in lightness with your surfaces – measured, not assumed. Check both against your background in the Contrast Checker; the winner takes the button, the other takes links and secondary accents.
Does split-complementary suit data visualization?
For a two-series-plus-context chart, nicely: series in the flankers, context/annotation in the base. Beyond two series, move to the Data Visualization Palette Generator's categorical spacing.
Can I flip the geometry – two flankers of my base instead?
That is the same scheme seen from the other side: pick either flanker as the new base and you will find your original color at one of its split positions. The triangle is what matters, not which corner you stand on.
How does this compare to triadic in feel?
Triadic is symmetric democracy; split-complementary is a monarchy with two ministers – more directed, less bouncy. If triadic feels toy-like for your brand, this is usually the next stop.
