Midnight Navy color palette — #D6EFE6 · #3F4900 · #0D228E · #040062 · #010100

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 (#D6EFE6): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#3F4900): A deep, shadowed, balanced green — the color of fresh herbs.
• Indigo (#0D228E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#040062): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.

Use it as a design system

One click turns Midnight 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

• Shadow Coast color palette (#FBE8D6, #623800, #003372, #001A41, #020100)
• Velvet Aubergine color palette (#E1F7DD, #115204, #4F0076, #2B0044, #000200)
• Patina Navy Lagoon color palette (#EAE8D1, #6A6100, #0047A3, #3B005B, #010100)
• Smoked Navy Atelier color palette (#F4E3F3, #82001F, #241C8D, #12005C, #040000)
• Muted Grape color palette (#D6F8E9, #6C7100, #6830C0, #480093, #0B0C00)
• Smoked Fern Terrace color palette (#F6D8D9, #505C00, #003636, #29001F, #000200)
• Tempered Harbor color palette (#E8EADA, #2E7402, #005F5F, #51006A, #010600)
• Hushed Delta color palette (#D3E4D6, #836200, #003E48, #362700, #000102)

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