Nocturne Navy color palette — #D7F4F5 · #005C41 · #2F2B84 · #25003E · #000201
Indigo and Deep Indigo set the tone — five colors that lean into creativity and depth.
The five colors
- Frost (#D7F4F5): A whisper-light, dusty teal — the color of sea glass.
- Pine (#005C41): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#2F2B84): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#25003E): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#000201): quiet, heavy and certain.
Feels like: 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
- Shadow Aubergine Courtyard color palette (#D9EFDF, #5F4B00, #3D1F8A, #1B004A, #020100)
- Nocturne Aubergine color palette (#DBEEF2, #00625C, #4A004D, #160006, #020100)
- Midnight Basin color palette (#E8E5D0, #333D00, #32006E, #2B0007, #020200)
- Velvet Onyx color palette (#CEEAF3, #004A4D, #001D4A, #15000D, #010100)
- Cypress Hollow color palette (#FFE7E2, #007559, #003749, #210002, #000201)
- Washed Lagoon Corridor color palette (#E3EEE4, #008772, #004D4F, #00131A, #000106)
- Garnet Dune color palette (#CBF0F9, #005A54, #750014, #360005, #000201)
- Tempered Olive Lagoon color palette (#DFF3EF, #448E2D, #004060, #0D3500, #000103)
Browse the whole catalog at Explore, or see today's palette.