Nocturne Navy color palette — #F4D9E8 · #5E2200 · #00137D · #12003F · #050100

Deep Indigo and Deep Indigo set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#F4D9E8): A whisper-light, dusty pink — the color of neon signs at night.
• Espresso (#5E2200): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Indigo (#00137D): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#12003F): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged dark.

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

• Smoked Lagoon color palette (#F8D8EA, #5E2200, #00275D, #27001C, #050100)
• Inked Aubergine Alley color palette (#D6EEDD, #443600, #270079, #110040, #030200)
• Moonless Garnet Chapel color palette (#E4DEEC, #650049, #003134, #13003E, #060003)
• Shadow Cabin color palette (#E0EEE5, #514300, #28009C, #3D0010, #060400)
• Cocoa Market color palette (#FCEAF0, #5F4500, #042D02, #170027, #040400)
• Garnet Studio color palette (#F2DCEF, #6D0013, #00322A, #001713, #070000)
• Basalt Summit color palette (#DEF1DF, #513700, #00232B, #241807, #170010)
• Pale Aubergine color palette (#CBEDEB, #00632C, #004C56, #31006B, #001204)

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