Nocturne Navy color palette — #E1EDFF · #022292 · #282D00 · #0B1600 · #00000B

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

The five colors

• Frost (#E1EDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Indigo (#022292): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Forest (#282D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0B1600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Midnight Navy Terrace color palette (#D9E6F5, #003669, #451C00, #220A00, #000104)
• Midnight Aubergine color palette (#E1E3FF, #4C007B, #322900, #171200, #020006)
• Moonless Drift color palette (#FFE7F3, #5524AE, #730029, #001C22, #020008)
• Inked Canyon color palette (#C3E8DD, #511E9E, #440028, #000E0A, #030005)
• Ancient Ultramarine color palette (#E9F0FC, #4756C4, #416000, #004038, #01061C)
• Inked Navy color palette (#E5EDFC, #404CA9, #520023, #120063, #030004)
• Gentle Mulberry color palette (#FFE9EC, #870887, #830D00, #222E00, #050005)
• Aubergine Grove color palette (#DDE0FD, #6B30A0, #530047, #21000C, #040000)

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