Nocturne Olive color palette — #D1EDDC · #636F21 · #1B4100 · #400102 · #020300
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D1EDDC): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#636F21): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#1B4100): A deep, shadowed, balanced green — the color of fresh herbs.
- Espresso (#400102): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Nocturne Olive into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Worn Pine color palette (#D7F1EC, #247A4D, #004034, #3D0020, #000401)
- Worn Forest color palette (#D6EBE0, #6C8146, #09530B, #2E2B00, #050900)
- Chestnut Thicket color palette (#F5E2C5, #6F5600, #3D3800, #161A00, #030700)
- Washed Aubergine Dune color palette (#DEF1E8, #605F00, #5119AE, #2C2C00, #030011)
- Garnet Boulevard color palette (#D8EEE5, #474F00, #004361, #590030, #010100)
- Muted Fern color palette (#F0E4C8, #7E8C3D, #2C6100, #641A15, #0E1100)
- Lagoon Corridor color palette (#DBEEE6, #88AC7A, #00886B, #4C3E00, #040900)
- Dusty Aubergine Alley color palette (#D2E7D9, #769B55, #005C42, #450651, #010200)
Browse the whole catalog at Explore, or see today's palette.