Harmony isn't about "colors that look good together." It's about colors that relate to each other mathematically. Every harmonious palette — whether you realize it or not — follows one of five geometric patterns on the color wheel: complementary, analogous, triadic, split-complementary, or tetradic.
Learn these five patterns once, and you'll never stare at a blank palette again.
Firefox's brand palette uses analogous colors (orange → yellow → red) — hues that sit next to each other on the wheel. This creates a cohesive, "safe" feel that works for a browser that wants to feel familiar.
Burger King's palette is complementary: red + blue + yellow accents. Complementary colors create maximum contrast and energy — perfect for fast food.
Adobe's corporate palette is triadic: red (Creative Cloud), blue (Document Cloud), and green (Experience Cloud). Triadic palettes feel balanced and complete, ideal for multi-product brands.
Firefox's brand palette uses analogous colors (orange → yellow → red) — hues that sit next to each other on the wheel. This creates a cohesive, "safe" feel that works for a browser that wants to feel familiar.
Burger King's palette is complementary: red + blue + yellow accents. Complementary colors create maximum contrast and energy — perfect for fast food.
Adobe's corporate palette is triadic: red (Creative Cloud), blue (Document Cloud), and green (Experience Cloud). Triadic palettes feel balanced and complete, ideal for multi-product brands.
Firefox's brand palette uses analogous colors (orange → yellow → red) — hues that sit next to each other on the wheel. This creates a cohesive, "safe" feel that works for a browser that wants to feel familiar.
Burger King's palette is complementary: red + blue + yellow accents. Complementary colors create maximum contrast and energy — perfect for fast food.
Adobe's corporate palette is triadic: red (Creative Cloud), blue (Document Cloud), and green (Experience Cloud). Triadic palettes feel balanced and complete, ideal for multi-product brands.
Firefox's brand palette uses analogous colors (orange → yellow → red) — hues that sit next to each other on the wheel. This creates a cohesive, "safe" feel that works for a browser that wants to feel familiar.
Burger King's palette is complementary: red + blue + yellow accents. Complementary colors create maximum contrast and energy — perfect for fast food.
Adobe's corporate palette is triadic: red (Creative Cloud), blue (Document Cloud), and green (Experience Cloud). Triadic palettes feel balanced and complete, ideal for multi-product brands.
Use these free tools to apply what you learned: