Nocturne Navy color palette — #ECDCED · #00336B · #3F0102 · #0B0B00 · #000201
Navy and Espresso set the tone — five colors that lean into trust and stability.
The five colors
- Thistle (#ECDCED): A whisper-light, dusty pink — the color of peonies in June.
- Navy (#00336B): A deep, shadowed, balanced blue — the color of open sky before noon.
- Espresso (#3F0102): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#0B0B00): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
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
- Shadow Nightshade Lagoon color palette (#FDE4F4, #302192, #400012, #18171D, #090800)
- Cellar Navy Parlor color palette (#F4DDF0, #433B39, #16008A, #331200, #050700)
- Lowlit Onyx color palette (#DEECE0, #003B41, #39002D, #130600, #000200)
- Deep Navy Basin color palette (#F5E1C4, #2D3996, #36004D, #110900, #010009)
- Obsidian Garnet Balcony color palette (#E3EEFC, #005191, #680108, #201D00, #000202)
- Aubergine Lagoon color palette (#FFE4EA, #5A0066, #2B2600, #00160E, #000107)
- Moonless Aubergine color palette (#E3EFFF, #3F47A8, #33006E, #1B0026, #040003)
- Nocturne Aubergine Lantern color palette (#F0D6E2, #6023AA, #472B00, #00210A, #000103)
Browse the whole catalog at Explore, or see today's palette.