Nocturne Navy color palette — #D3ECF5 · #0066A1 · #003388 · #140048 · #060014

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

The five colors

• Frost (#D3ECF5): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#0066A1): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#003388): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#140048): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#060014): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Aubergine Parlor color palette (#D0E7F7, #0056B8, #310099, #1D0040, #0B0012)
• Navy Corridor color palette (#CDE4F8, #006DC6, #00398F, #0A0070, #08003D)
• Inked Cypress Boulevard color palette (#D1E8E5, #006F7A, #003E55, #00182B, #01001F)
• Cornflower Drift color palette (#DDEFFF, #007AE7, #0048AC, #05007E, #01000B)
• Ultramarine Market color palette (#CCF1FE, #0087D1, #0041CD, #2C1082, #1D0037)
• Linen Delta color palette (#E9D9E7, #124BCD, #574800, #001778, #040300)
• Shadow Navy color palette (#E0ECFD, #004597, #573600, #1F3600, #000105)
• Powdered Plum color palette (#F9E0F3, #A689D2, #BB3B83, #00425B, #050019)

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