Jewel tone Split complementary Color Palettes: 8 Examples With Hex Codes
Jewel tone palettes in a split complementary scheme: eight real examples with hex codes and contrast, when the look works, and how to adapt it.
Jewel tone palettes follow a recipe: lightness between 28% and 58%, and chroma between 0.1 and 0.2. 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 royal, velvet 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 jewel tone split complementary palettes
Opulent Sapphire Bonfire
Strongest pair: Swimmer (#1C86C3) with Nordic Noir (#022C3C) at 3.67:1 (AA large). Keep these for large type and decoration.
Velvet Olive Willow
Strongest pair: Olive (#8F7B02) with Medium Roast (#322200) at 3.66:1 (AA large). Keep these for large type and decoration.
Opulent Mulberry Kiln
Strongest pair: Very Berry (#BD478E) with Eggplant (#41073A) at 3.38:1 (AA large). Keep these for large type and decoration.
Lush Iris Dune
Strongest pair: Pan Purple (#7068F0) with Deep Blue (#130878) at 3.69:1 (AA large). Keep these for large type and decoration.
Velvet Burgundy Inlet
Strongest pair: Swimmer (#1489BB) with Elite Teal (#042C34) at 3.76:1 (AA large). Keep these for large type and decoration.
Opulent Rust Reverie
Strongest pair: Pitch-Black Forests (#012E2B) with Go Go Green (#198B77) at 3.50:1 (AA large). Keep these for large type and decoration.
Gem Rust Tundra
Strongest pair: Conker (#AF594C) with Burned (#4D0010) at 3.29:1 (AA large). Keep these for large type and decoration.
Regal Chocolate Dune
Strongest pair: Caramel (#B36B1C) with Old Study (#411800) at 3.71:1 (AA large). Keep these for large type and decoration.
The eight at a glance
| Palette | Lightest | Darkest | Strongest pair |
|---|---|---|---|
| Opulent Sapphire Bonfire | #1C86C3 | #022C3C | 3.67:1 |
| Velvet Olive Willow | #8F7B02 | #322200 | 3.66:1 |
| Opulent Mulberry Kiln | #BD478E | #41073A | 3.38:1 |
| Lush Iris Dune | #7068F0 | #130878 | 3.69:1 |
| Velvet Burgundy Inlet | #1489BB | #042C34 | 3.76:1 |
| Opulent Rust Reverie | #198B77 | #012E2B | 3.50:1 |
| Gem Rust Tundra | #AF594C | #4D0010 | 3.29:1 |
| Regal Chocolate Dune | #B36B1C | #411800 | 3.71:1 |
How jewel tone differs from its neighbors
Jewel tone keeps lightness within 28% to 58%. 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 jewel tone palettes feel royal, velvet, gem: the numbers are tuned that way, not chosen palette by palette.
When to use this look
- Podcast covers, which usually want to feel bold and simple.
- Presentations, which usually want to feel clear and focused.
- Portfolios, which usually want to feel quiet and editorial.
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.