Dark Split complementary Color Palettes: 8 Examples With Hex Codes
Dark palettes in a split complementary scheme: eight real examples with hex codes and contrast, when the look works, and how to adapt it.
Dark palettes follow a recipe: lightness between 20% and 52%, and chroma between 0.04 and 0.14. 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 midnight, shadow 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 dark split complementary palettes
Nocturnal Navy Oasis
Strongest pair: Silent Twilight (#0E0D47) with Haunt Mist (#5D6B88) at 3.36:1 (AA large). Keep these for large type and decoration.
Nocturnal Burgundy Echo
Strongest pair: Nightmare (#001D17) with Toad King (#446E5B) at 3.05:1 (AA large). Keep these for large type and decoration.
Shadow Ink Ripple
Strongest pair: Oxford by Night (#001A32) with Slate (#50697C) at 3.05:1 (AA large). Keep these for large type and decoration.
Nocturnal Pine Bonfire
Strongest pair: Aged Antics (#81672D) with Soulless (#1D1100) at 3.45:1 (AA large). Keep these for large type and decoration.
Smoky Ink Sonata
Strongest pair: Opera (#866064) with Vienna Roast (#370014) at 3.30:1 (AA large). Keep these for large type and decoration.
Smoky Rust Hideaway
Strongest pair: Sienna (#9F591C) with Nether (#2F0A00) at 3.36:1 (AA large). Keep these for large type and decoration.
Nocturnal Rust Delta
Strongest pair: Soulless (#220B00) with Sienna (#A64E14) at 3.33:1 (AA large). Keep these for large type and decoration.
Shadow Ink Ember
Strongest pair: Dark Prom Queen (#2B0535) with Muted Purple (#77528F) at 2.88:1 (Fail). Keep these for large type and decoration.
The eight at a glance
| Palette | Lightest | Darkest | Strongest pair |
|---|---|---|---|
| Nocturnal Navy Oasis | #5D6B88 | #0E0D47 | 3.36:1 |
| Nocturnal Burgundy Echo | #446E5B | #001D17 | 3.05:1 |
| Shadow Ink Ripple | #50697C | #001A32 | 3.05:1 |
| Nocturnal Pine Bonfire | #81672D | #1D1100 | 3.45:1 |
| Smoky Ink Sonata | #866064 | #370014 | 3.30:1 |
| Smoky Rust Hideaway | #9F591C | #2F0A00 | 3.36:1 |
| Nocturnal Rust Delta | #A64E14 | #220B00 | 3.33:1 |
| Shadow Ink Ember | #77528F | #2B0535 | 2.88:1 |
How dark differs from its neighbors
Dark keeps lightness within 20% to 52%. 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 dark palettes feel midnight, shadow, deep: the numbers are tuned that way, not chosen palette by palette.
When to use this look
- Gaming, which usually want to feel energetic and immersive.
- Florists, which usually want to feel fresh and soft.
- Yoga and wellness studios, which usually want to feel calm and natural.
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.