Nocturne Navy Harbor color palette — #DCE8F8 · #00337F · #15121A · #0C0022 · #000109

Built around Navy, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Frost (#DCE8F8): A whisper-light, dusty blue — the color of open sky before noon.
• Navy (#00337F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#15121A): quiet, heavy and certain.
• Ink (#0C0022): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Nocturne Navy Harbor 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

• Moonless Nightshade color palette (#D6E0F6, #2D089F, #36171C, #11001A, #000206)
• Obsidian Sapphire Pier color palette (#E8F1FF, #005FE2, #362856, #110111, #000201)
• Smoked Aubergine Coast color palette (#DFE4FF, #6B3405, #370077, #2D131E, #0C000B)
• Patina Abyss Drift color palette (#C5E4F2, #625A60, #00414B, #232027, #000916)
• Velvet Drift color palette (#E1EDFF, #003AD1, #100F40, #16101A, #000111)
• Mulberry Veranda color palette (#E4E0F2, #8D3C91, #311C39, #150F24, #06030A)
• Cobalt Meadow color palette (#ECF2FF, #7375B7, #3C3A4C, #232836, #15151B)
• Tempered Navy color palette (#ECDDE4, #6F95AF, #00498C, #003030, #0C0047)

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