Nocturne Navy color palette — #F0E2EE · #A06D00 · #012266 · #000422 · #030003

Midnight takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F0E2EE): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#A06D00): A full-bodied, balanced gold — the color of old brass.
• Midnight (#012266): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#000422): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Rust Courtyard color palette (#DAEBE6, #BA5822, #002B4E, #000815, #000201)
• Shadow Navy Courtyard color palette (#F1D9E8, #6A6D00, #170060, #110401, #020014)
• Chalky Navy color palette (#E1EEFF, #BE861C, #17408B, #00144A, #00020B)
• Tempered Pier color palette (#D5F0E1, #BD542E, #494952, #002F3D, #00090F)
• Lagoon Studio color palette (#EBDDEA, #009164, #002359, #00071F, #070007)
• Navy Cabin color palette (#E5DDE1, #C3ACB1, #A58482, #45347C, #12070D)
• Wandering Aubergine Study color palette (#F9E5E8, #82983F, #561B5A, #220125, #060001)
• Moss Quarry color palette (#F9EBF3, #65AA1A, #3A2292, #150047, #030013)

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