Nocturne Navy color palette — #D9E1F0 · #6F8300 · #171671 · #030029 · #00000A
Deep Indigo and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D9E1F0): A whisper-light, dusty violet — the color of twilight just after sunset.
- Olive Leaf (#6F8300): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#171671): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#030029): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#00000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Calm, Depth, Luxury. Tagged luxury, dark, cool.
Use it as a design system
One click turns Nocturne Navy 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
- Aubergine Workshop color palette (#DEE1F3, #238D5C, #340D61, #0C001F, #01000A)
- Nocturne Villa color palette (#DBE8FB, #AD6400, #001E6E, #000423, #000105)
- Tempered Nightshade Veranda color palette (#F9E2F1, #909B2F, #33309D, #120A4E, #080005)
- Worn Aubergine color palette (#DCDFF6, #00B072, #500492, #1E003E, #020014)
- Garnet Bloom color palette (#E2DCEA, #659E5D, #5E1847, #27001A, #030008)
- Weathered Workshop color palette (#CDE1FA, #BE5336, #002858, #23171D, #000719)
- Forest Ridge color palette (#E9E8FE, #006A33, #220031, #1B0611, #030005)
- Tempered Pier color palette (#F3EFFF, #67BF70, #712A71, #360837, #090416)
Browse the whole catalog at Explore, or see today's palette.