Nocturne Navy color palette — #D7E2ED · #00426D · #4A2B00 · #251F00 · #000205

Navy and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7E2ED): bright and airy, almost weightless.
• Navy (#00426D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#4A2B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#251F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000205): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Eclipse Garnet color palette (#DFEFF7, #004755, #620030, #420300, #000203)
• Lowlit Nightshade Balcony color palette (#E7EFFF, #2D1BA7, #3A3400, #142407, #01000F)
• Aubergine Lantern color palette (#EEE9FF, #69006C, #452F00, #172406, #050005)
• Petrol Market color palette (#D5E0ED, #0969B4, #002C69, #1C1420, #000815)
• Nocturne Field color palette (#E3F2E8, #50602E, #352B00, #1D0C00, #000501)
• Faded Veranda color palette (#E0F0FF, #005B97, #90003D, #304500, #000205)
• Aged Alley color palette (#DEF0FF, #8A86C9, #914D78, #003D3A, #030425)
• Grape Courtyard color palette (#EDEBFC, #81299F, #644800, #343D07, #20002B)

Browse the whole catalog at Explore, or see today's palette.