Nocturne Navy color palette — #F0DEEF · #002E7F · #3D2300 · #1D0E00 · #000107

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

The five colors

• Blush (#F0DEEF): A whisper-light, dusty pink — the color of a candy shop window.
• Navy (#002E7F): A deep, shadowed, balanced violet — the color of wild irises.
• Espresso (#3D2300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1D0E00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Navy Courtyard color palette (#CCEEE4, #003862, #2E2B00, #001808, #000104)
• Velvet Aubergine color palette (#F5DCE5, #4A007E, #392600, #191100, #020006)
• Velvet Aubergine Courtyard color palette (#F6E7F0, #310097, #4E0039, #1D0E00, #01000A)
• Midnight Lagoon color palette (#D7E8F9, #005086, #66035F, #001E14, #000104)
• Velvet Onyx Bloom color palette (#D9F2E5, #003C4F, #50002F, #2A000B, #000102)
• Tempered Aubergine color palette (#E5E4FF, #6F2E91, #840025, #2E2A00, #040008)
• Inked Denim color palette (#F1E2F2, #0058A4, #4F0035, #001E3F, #040000)
• Wandering Navy Quarry color palette (#ECE0E7, #9B878D, #7F6264, #231C5F, #040002)

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