Nocturne Navy color palette — #F1DEEF · #001778 · #2D272D · #190705 · #02000F

Built around Deep Indigo, softened by Black — the whole palette hums with creativity and sophistication.

The five colors

• Blush (#F1DEEF): A whisper-light, dusty pink — the color of a candy shop window.
• Deep Indigo (#001778): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Onyx (#2D272D): quiet, heavy and certain.
• Ink (#190705): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#02000F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Deep Navy color palette (#D3E3F9, #002571, #211323, #080012, #030200)
• Cellar Aubergine Quarry color palette (#F1D7E7, #552D00, #250079, #1A0A05, #04000B)
• Smoked Onyx color palette (#CCF2E6, #403F48, #002C4A, #060B0F, #010013)
• Lowlit Nightshade color palette (#E0EDFF, #002ABA, #1C1219, #0E032B, #00010E)
• Hushed Archive color palette (#F1E8DA, #4380A1, #003D6B, #001F23, #00000B)
• Moonless Orchard color palette (#E8F0FF, #4131B3, #2D0071, #1B002F, #030004)
• Twilit Aubergine Corridor color palette (#E5DDEF, #520384, #492800, #002925, #020006)
• Shadow Lapis Grove color palette (#F1D7E9, #4B52E6, #3F1C2D, #1D0618, #070108)

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