Nocturne Navy color palette — #F8E7F5 · #758400 · #010E77 · #00022C · #070006

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

The five colors

• Blush (#F8E7F5): A whisper-light, dusty pink — the color of neon signs at night.
• Olive Leaf (#758400): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#010E77): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#00022C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#070006): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, 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

• Smoked Terrace color palette (#FDE8F5, #00906B, #211265, #070128, #080005)
• Shadow Navy Quarry color palette (#FDE7F9, #C35400, #080E75, #01022C, #070006)
• Ultramarine Loft color palette (#E5EDFF, #ADAB4E, #565EAE, #2B2E74, #000015)
• Powdered Nightshade Summit color palette (#FFD7F0, #00AB85, #32228D, #160B4A, #1F0317)
• Forest Meadow color palette (#F3DFE5, #007141, #200035, #180901, #05000C)
• Hushed Moss Workshop color palette (#EED8DA, #5CA041, #561652, #2A0128, #150709)
• Hushed Nightshade Drift color palette (#F1E1EA, #D46F79, #40328F, #19094A, #080004)
• Frosted Clover Market color palette (#FFF1F4, #42BE60, #6D197E, #391242, #281319)

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