Dark Complementary Color Palettes: 8 Examples With Hex Codes
Dark palettes in a 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. Complementary describes how the hues relate. Opposite hues. High energy, best with one color leading and the other as an accent. 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 complementary palettes
Nocturnal Mulberry Oasis
Strongest pair: Grape Riot (#93437C) with Vienna Roast (#2B001D) at 2.97:1 (Fail). Keep these for large type and decoration.
Midnight Olive Horizon
Strongest pair: Memorial Black (#131300) with Muddy Green (#676F16) at 3.44:1 (AA large). Keep these for large type and decoration.
Inky Teal Alcove
Strongest pair: Bleu Ciel (#0874A2) with Void (#001325) at 3.59:1 (AA large). Keep these for large type and decoration.
Shadow Forest Terrace
Strongest pair: Rum (#77657D) with Coal Mine (#2C0033) at 3.41:1 (AA large). Keep these for large type and decoration.
Inky Plum Tundra
Strongest pair: Memorial Black (#141700) with Bancha (#626E4B) at 3.34:1 (AA large). Keep these for large type and decoration.
Shadow Plum Evergreen
Strongest pair: Ghoul (#65763F) with Memorial Black (#0C1A00) at 3.62:1 (AA large). Keep these for large type and decoration.
Nocturnal Brown Zephyr
Strongest pair: Corbeau (#00151D) with Shipyard (#4D6B7D) at 3.30:1 (AA large). Keep these for large type and decoration.
Shadow Olive Kettle
Strongest pair: Nightmare (#141A00) with Muddy Green (#626F3A) at 3.27:1 (AA large). Keep these for large type and decoration.
The eight at a glance
| Palette | Lightest | Darkest | Strongest pair |
|---|---|---|---|
| Nocturnal Mulberry Oasis | #93437C | #2B001D | 2.97:1 |
| Midnight Olive Horizon | #676F16 | #131300 | 3.44:1 |
| Inky Teal Alcove | #0874A2 | #001325 | 3.59:1 |
| Shadow Forest Terrace | #77657D | #2C0033 | 3.41:1 |
| Inky Plum Tundra | #626E4B | #141700 | 3.34:1 |
| Shadow Plum Evergreen | #65763F | #0C1A00 | 3.62:1 |
| Nocturnal Brown Zephyr | #4D6B7D | #00151D | 3.30:1 |
| Shadow Olive Kettle | #626F3A | #141A00 | 3.27: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
- Law firms, which usually want to feel authoritative and steady.
- Travel sites, which usually want to feel inspiring and open.
- Eco and sustainable brands, which usually want to feel natural and honest.
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.