Midnight Navy color palette — #E1E7F6 · #798130 · #210570 · #07002A · #050005

Deep Indigo and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E1E7F6): A whisper-light, dusty violet — the color of wild irises.
• Olive Leaf (#798130): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#210570): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#07002A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#050005): 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 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

• Moonless Bronze color palette (#E2EEFF, #A46D1D, #002359, #00071F, #040005)
• Velvet Corridor color palette (#E2E5F4, #2D8039, #240051, #291123, #060017)
• Worn Aubergine color palette (#D8DEEE, #B88A00, #4622A1, #1C054C, #01010D)
• Wandering Aubergine color palette (#E1E2FA, #24AC6D, #520085, #270044, #0D0A27)
• Tempered Garnet color palette (#E1DBE7, #6A9B62, #5E1041, #2E001D, #0F0716)
• Feathered Clover color palette (#F4E1F2, #75BC44, #3E65AF, #223860, #070007)
• Feathered Hollow color palette (#E9EFFC, #646DC0, #5C3400, #260091, #0C0004)
• Worn Mulberry color palette (#F7F3FF, #63B77A, #771866, #46003B, #1F152D)

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