Vivid Split complementary Color Palettes: 8 Examples With Hex Codes
Vivid palettes in a split complementary scheme: eight real examples with hex codes and contrast, when the look works, and how to adapt it.
Vivid palettes follow a recipe: lightness between 52% and 82%, and chroma between 0.15 and 0.26. 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 bright, electric 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 vivid split complementary palettes
Bright Lilac Daybreak
Strongest pair: Muddy Green (#6C6F19) with Wax (#E0C030) at 2.99:1 (Fail). Keep these for large type and decoration.
Bold Azure Delta
Strongest pair: Hydra (#0C6BA3) with Sky (#89D3FD) at 3.50:1 (AA large). Keep these for large type and decoration.
Radiant Iris Bonfire
Strongest pair: Violet Heaven (#CAB5FA) with Violent Violet (#6E3BF4) at 3.19:1 (AA large). Keep these for large type and decoration.
Bold Lilac Gallery
Strongest pair: Topiary Green (#72720F) with Paella (#D6C426) at 2.85:1 (Fail). Keep these for large type and decoration.
Punchy Chocolate Kiln
Strongest pair: Brownie (#985005) with Persicus (#FEB08D) at 3.38:1 (AA large). Keep these for large type and decoration.
Bright Raspberry Journey
Strongest pair: Frogger (#90E338) with Over the Hills (#576F00) at 3.59:1 (AA large). Keep these for large type and decoration.
Punchy Lavender Nectar
Strongest pair: Pine Scented Lagoon (#14736C) with Aquamarine (#19DEBE) at 3.30:1 (AA large). Keep these for large type and decoration.
Punchy Rust Lantern
Strongest pair: Hot Cuba (#B91236) with Pink Fit (#FBA0B4) at 3.36:1 (AA large). Keep these for large type and decoration.
The eight at a glance
| Palette | Lightest | Darkest | Strongest pair |
|---|---|---|---|
| Bright Lilac Daybreak | #E0C030 | #6C6F19 | 2.99:1 |
| Bold Azure Delta | #89D3FD | #0C6BA3 | 3.50:1 |
| Radiant Iris Bonfire | #CAB5FA | #6E3BF4 | 3.19:1 |
| Bold Lilac Gallery | #D6C426 | #72720F | 2.85:1 |
| Punchy Chocolate Kiln | #FEB08D | #985005 | 3.38:1 |
| Bright Raspberry Journey | #90E338 | #576F00 | 3.59:1 |
| Punchy Lavender Nectar | #19DEBE | #14736C | 3.30:1 |
| Punchy Rust Lantern | #FBA0B4 | #B91236 | 3.36:1 |
How vivid differs from its neighbors
Vivid keeps lightness within 52% to 82%. Pastel runs from 80% to 96% with chroma 0.03 to 0.08, while Muted runs from 48% to 84% with chroma 0.035 to 0.09. That is why vivid palettes feel bright, electric, bold: the numbers are tuned that way, not chosen palette by palette.
When to use this look
- Music and nightlife, which usually want to feel dramatic and dark.
- Cleaning services, which usually want to feel fresh and reliable.
- Law firms, which usually want to feel authoritative and steady.
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.