What the harmonies mean
Each palette is a geometric relationship on the hue wheel. Complementary (opposite, 180°) maximizes contrast and energy. Analogous (neighbors, ±30°) is nature's scheme — sunsets and forests — inherently harmonious. Triadic (three points, 120° apart) balances vibrancy with stability; tetradic gives four hues for complex systems. Split-complementary keeps complementary punch with less tension, and monochrome varies only lightness — the safest scheme in interface design.
From palette to design
The working rule is 60-30-10: dominant color (usually a near-neutral) at 60%, secondary at 30%, and your loudest accent at 10%. Pull the accent from the complementary or triadic set, run text pairings through the contrast checker, and lean on the monochrome ramp for hover and pressed states.
Frequently asked questions
Which palette type should a beginner use?
Monochrome or analogous — both are hard to get wrong. Add one complementary accent for buttons and links once the base feels right, and you've reproduced most professional interfaces.
Why do my complementary colors clash?
At full saturation, opposites vibrate. Use one at full strength and mute the other (lower saturation or shift lightness) — the standard fix that keeps energy without eye strain.
How many colors should a brand palette have?
Typically one primary, one accent, and 2–4 neutrals (grays warmed or cooled toward the primary). More hues than that usually means the system, not the palette, needs work.
Are these palettes the same as what designers hand-pick?
They're the mathematically correct starting points designers then adjust — nudging hues a few degrees and tuning lightness per context. Treat each palette as 90% done, not gospel.