Muted Split complementary Color Palettes: 8 Examples With Hex Codes
Muted palettes in a split complementary scheme: eight real examples with hex codes and contrast, when the look works, and how to adapt it.
Muted palettes follow a recipe: lightness between 48% and 84%, and chroma between 0.035 and 0.09. Split complementary describes how the hues relate. A hue with the two neighbors of its opposite. Lively, with less tension than a complementary pair. Together, they give you a dusty, quiet look that you can recognize at a glance. Below are eight real examples from Tintly's library of generated palettes, each with its own page.
Eight muted split complementary palettes
Faded Teal Wharf
Strongest pair: Foggy Love (#D8CBE7) with Majestic Magic (#5D5778) at 4.39:1 (AA large). Keep these for large type and decoration.
Calm Blush Umbra
Strongest pair: Deep Pool Teal (#2A6C60) with Whirlpool (#A3D6C0) at 3.79:1 (AA large). Keep these for large type and decoration.
Quiet Lavender Summit
Strongest pair: Mediterranea (#3E6462) with Bambino (#99D7C9) at 4.03:1 (AA large). Keep these for large type and decoration.
Calm Moss Festival
Strongest pair: Monstera (#566854) with Bok Choy (#C1CDB3) at 3.61:1 (AA large). Keep these for large type and decoration.
Quiet Sage Journey
Strongest pair: Hibernation (#734B5C) with Guava Glow (#E1C6D5) at 4.58:1 (AA). That can carry body text.
Faded Mint Hideaway
Strongest pair: Muddy Rose (#E5BEB4) with Nutmeg (#804A49) at 4.12:1 (AA large). Keep these for large type and decoration.
Calm Rust Hideaway
Strongest pair: Precious Copper (#825626) with Bellini (#F7C4A1) at 4.04:1 (AA large). Keep these for large type and decoration.
Dusty Slate Reverie
Strongest pair: Berry Jam (#5A5B87) with Frost Fairy (#BDCAF2) at 3.92:1 (AA large). Keep these for large type and decoration.
The eight at a glance
| Palette | Lightest | Darkest | Strongest pair |
|---|---|---|---|
| Faded Teal Wharf | #D8CBE7 | #5D5778 | 4.39:1 |
| Calm Blush Umbra | #A3D6C0 | #2A6C60 | 3.79:1 |
| Quiet Lavender Summit | #99D7C9 | #3E6462 | 4.03:1 |
| Calm Moss Festival | #C1CDB3 | #566854 | 3.61:1 |
| Quiet Sage Journey | #E1C6D5 | #734B5C | 4.58:1 |
| Faded Mint Hideaway | #E5BEB4 | #804A49 | 4.12:1 |
| Calm Rust Hideaway | #F7C4A1 | #825626 | 4.04:1 |
| Dusty Slate Reverie | #BDCAF2 | #5A5B87 | 3.92:1 |
How muted differs from its neighbors
Muted keeps lightness within 48% to 84%. Pastel runs from 80% to 96% with chroma 0.03 to 0.08, while Vivid runs from 52% to 82% with chroma 0.15 to 0.26. That is why muted palettes feel dusty, quiet, faded: the numbers are tuned that way, not chosen palette by palette.
When to use this look
- Portfolios, which usually want to feel quiet and editorial.
- Luxury brands, which usually want to feel refined and restrained.
- Education sites, which usually want to feel friendly and clear.
How to adapt it
- Pick the example whose main color is closest to your brand.
- Open it in the generator and lock that color.
- Regenerate the rest until the contrast between text and background reaches 4.5 to 1.
- Export it as CSS variables or a Tailwind scale.