Nocturne Navy color palette — #DDEFE2 · #5F4900 · #003B72 · #281D00 · #000104

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

The five colors

• Honeydew (#DDEFE2): A whisper-light, dusty teal — the color of glacier melt.
• Bronze (#5F4900): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003B72): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#281D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Cellar Cocoa Dune color palette (#FCE4F2, #802F00, #00415D, #381000, #000103)
• Obsidian Aubergine color palette (#DDF2E1, #604800, #460095, #281C00, #020008)
• Basalt Orchard color palette (#E9EDD9, #394000, #00354F, #17173C, #010100)
• Faded Ultramarine Workshop color palette (#FFECD1, #8B6300, #0042CA, #3A2700, #000108)
• Airy Coast color palette (#CAEBE9, #006E38, #740088, #003317, #07000A)
• Smoked Byzantium color palette (#F9DBE4, #8E00B5, #664E00, #0A100B, #000200)
• Misty Aubergine Delta color palette (#D0E5DF, #68871E, #6600A2, #2C3D00, #0E001D)
• Indigo Alley color palette (#D5F0E7, #859C42, #756EC7, #4C5D00, #1A133F)

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