Nocturne Navy color palette — #F1DCE6 · #592800 · #011976 · #13003E · #040100
Built around Deep Indigo, softened by Deep Indigo — the whole palette hums with optimism and creativity.
The five colors
- Shell Pink (#F1DCE6): A whisper-light, dusty rose — the color of a warm blush.
- Espresso (#592800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Indigo (#011976): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#13003E): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#040100): quiet, heavy and certain.
Feels like: Optimism, Creativity, Depth, Luxury. Tagged dark.
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
- Eclipse Garnet Station color palette (#F8DAD6, #660038, #002D46, #070044, #040001)
- Eclipse Basalt color palette (#F9E4ED, #562A00, #00303B, #00161C, #040100)
- Twilit Lagoon color palette (#D1ECDC, #453D00, #002132, #12001C, #060003)
- Aubergine Harbor color palette (#D9F5E8, #565500, #532485, #370361, #00120A)
- Ancient Fern Study color palette (#D3EFE6, #475C00, #004F55, #002D43, #010200)
- Aubergine Thicket color palette (#DDE7CC, #3A4C00, #5D0056, #37002A, #030500)
- Velvet Chestnut Market color palette (#F9E1EA, #854A00, #003029, #2E1600, #000203)
- Nightshade Harbor color palette (#CEE5D3, #7C5D00, #4C40A3, #322777, #241900)
Browse the whole catalog at Explore, or see today's palette.