Midnight Navy color palette — #DFE1CE · #114A00 · #050067 · #1B1E10 · #1B0001

Built around Deep Indigo, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Bone (#DFE1CE): A whisper-light, dusty green — the color of new leaves after rain.
• Deep Olive (#114A00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#050067): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#1B1E10): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#1B0001): A deep, shadowed, dusty orange — the color of autumn markets.

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 Basalt color palette (#E8E3C9, #3C4100, #002035, #17190B, #1A0006)
• Onyx Chapel color palette (#D9EACE, #00483A, #1D261E, #2C004A, #140500)
• Hushed Aubergine color palette (#D7E4CB, #006750, #3D1680, #341500, #161200)
• Navy Garden color palette (#D4E8F5, #004257, #160061, #130014, #040000)
• Spruce Archive color palette (#DFEFD3, #50535B, #00372B, #0E1E1E, #000507)
• Onyx Corridor color palette (#D9E5D7, #387362, #004458, #350C02, #120700)
• Softworn Thicket color palette (#F8E8E0, #498C94, #004358, #002319, #000A18)
• Dusty Olive Grove color palette (#EBF0E3, #818600, #006C4E, #003C4E, #000806)

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