Nocturne Navy color palette — #CDE8F1 · #006996 · #00327A · #0F004A · #020007
Navy takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CDE8F1): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006996): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00327A): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#0F004A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged 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
- Moonless Nightshade color palette (#D8EBF8, #0061C3, #2C009C, #1D0043, #020005)
- Feathered Meadow color palette (#C5EEE5, #007A9C, #003E7F, #22004E, #1E001F)
- Linen Onyx Parlor color palette (#CEF3E8, #009DBF, #005289, #270058, #030003)
- Petrol Quarry color palette (#D0E7E4, #007781, #003D4E, #001628, #000109)
- Nocturne Grove color palette (#F2E3CD, #005D80, #1D008D, #270900, #000205)
- Shadow Onyx Summit color palette (#D1F3E7, #004E76, #4B0041, #1A0D00, #000201)
- Aubergine Orchard color palette (#DBE2F2, #634ABE, #520088, #2B002D, #060003)
- Aubergine Thicket color palette (#D2F6EB, #009CB7, #0071B6, #4A0BAE, #000106)
Browse the whole catalog at Explore, or see today's palette.