Nocturne Navy color palette — #D9F6E9 · #393B00 · #0A0087 · #220029 · #020200

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

The five colors

• Honeydew (#D9F6E9): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#393B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Indigo (#0A0087): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#220029): A deep, shadowed, balanced pink — the color of peonies in June.
• Black (#020200): a grounded near-black with real depth.

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

• Charred Onyx Study color palette (#D0EBE4, #243500, #00065A, #15000D, #040100)
• Onyx Terrace color palette (#D8F5E2, #433600, #002D47, #1B0036, #020200)
• Aubergine Harbor color palette (#CAE8E8, #004329, #41005A, #2A000E, #000201)
• Aged Navy color palette (#F8EBD1, #625100, #004090, #510023, #020200)
• Inked Archive color palette (#D3F2D9, #005B1C, #002A27, #1A0023, #000502)
• Aged Aubergine color palette (#D2F8F6, #006238, #620688, #51001F, #001206)
• Airy Garnet color palette (#C9E5DF, #4D841E, #403189, #650047, #0E2001)
• Weathered Spruce color palette (#DFEDEB, #8F9D9D, #54777D, #0A3500, #000C0A)

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