Nocturne Navy color palette — #DEECFF · #B28600 · #00226C · #0A0914 · #000107

A conversation between Navy and Mustard, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Mustard (#B28600): A luminous, balanced gold — the color of honey in a jar.
• Navy (#00226C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0A0914): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Moonless Amber Pier color palette (#CAE6F3, #B28600, #00313A, #080C11, #000102)
• Charred Onyx Terrace color palette (#E2E7FF, #9A7300, #22004D, #0E0417, #020008)
• Timeworn Garden color palette (#F2EAFF, #CB9900, #660F54, #301B15, #14000F)
• Patina Ultramarine color palette (#F0F5FF, #F3B913, #373FCA, #111749, #00000A)
• Shadow Veranda color palette (#EEDDED, #008059, #001848, #211422, #000314)
• Mustard Terrace color palette (#F4F4FF, #EAB100, #6A387C, #25092F, #010006)
• Pewter Thicket color palette (#F9F2FF, #FFE2A5, #9E5F7F, #41304E, #130C18)
• Aubergine Coast color palette (#EAEDFD, #CFCCEB, #AAA0BD, #543C85, #02020B)

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