Nocturne Navy color palette — #F4DBEB · #3D3E97 · #453C00 · #18005F · #020100

Deep Indigo takes the lead with Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F4DBEB): A whisper-light, dusty pink — the color of peonies in June.
• Indigo (#3D3E97): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#453C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#18005F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Midnight Archive color palette (#F6D8E1, #652C87, #2A4400, #2F0046, #010100)
• Denim Villa color palette (#D1ECE4, #005082, #543300, #002039, #020100)
• Cellar Aubergine color palette (#EAEAFF, #3A1992, #541E00, #002B1C, #010009)
• Soft Delta color palette (#EEDDF0, #006CBE, #406000, #002C52, #010100)
• Nightshade Parlor color palette (#DBE6FF, #544FDB, #665800, #2E009F, #080600)
• Mulberry Villa color palette (#F9DFDF, #982172, #005839, #4E0038, #000402)
• Orchid Harbor color palette (#EEDCDF, #A158AD, #076A15, #460050, #000B01)
• Quiet Navy color palette (#FEE4F3, #A480BA, #974C80, #00236E, #03000B)

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