A split-complementary scheme starts like a complementary scheme: pick a base color and find its complement on the wheel. But instead of using the exact complement, you use the two colors on either side of it. For a blue primary, instead of orange (the direct complement), you use red-orange and yellow-orange.
Why This Works Better
The split reduces the extreme tension of true complements while preserving most of the contrast energy. The two "split" colors are close enough to the complement to create visual opposition with the primary, but their slight offset from each other adds variety and reduces the vibration effect that true complements can cause.
Three Colors, Clear Roles
Split-complementary naturally maps to a three-role system: your primary color is the dominant hue, and the two split-complement colors serve as supporting and accent. One handles secondary UI elements, the other handles focal points and CTAs. The role hierarchy is built into the scheme.
Web Design Applications
Split-complementary is excellent for brands that need energy and warmth but cannot risk the aggressiveness of full complementary. A blue primary with warm amber and soft coral accents feels dynamic and inviting. A green primary with warm orange and rose accents feels natural and engaging.
Building in PaletteRx
Add your primary. PaletteRx's Smart Suggestions may offer split-complementary options explicitly. If not, identify your primary's complement on the wheel and manually add colors 20 to 30 degrees on either side of it. Add bases, validate contrast, and assign roles.