Split Complementary
A color paired with the two colors flanking its complement — offering strong contrast with less visual tension than a direct complement.
What it means
A split-complementary scheme starts with a base color, finds its complement (180° away), and then splits that complement into two colors that flank it (typically ≈150° and ≈210° from the base). The result is a three-color palette with strong contrast but more variety and less intensity than a pure complementary pair.
This pattern is popular because it's visually dynamic but forgiving — the slight offset from true complementary reduces the risk of clashing while maintaining clear hue differentiation.
Why it matters in palette design
Split-complementary palettes are versatile for UI: they give you a dominant color, a supporting accent, and a secondary accent — enough variety for primary actions, secondary actions, and highlights without the visual aggression of a direct complement.
Example
A travel site uses blue (#2563EB) as its primary. Instead of its direct complement (orange), it uses split-complements: warm coral (#F87171) for booking CTAs and gold (#EAB308) for promotional badges. The palette feels dynamic and inviting without the intensity of blue + orange.
Learn more
Apply this to your palette
Open PerfectPalette and put these concepts into practice with your own colors.