Midnight Navy color palette — #DFE9F9 · #473C3A · #040087 · #1A101C · #050009

Indigo takes the lead with Black close behind in a set that reads as creativity and energy at first glance.

The five colors

• Frost (#DFE9F9): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal (#473C3A): quiet, heavy and certain.
• Indigo (#040087): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#1A101C): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#050009): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Charred Bloom color palette (#E2F1FF, #4B4241, #002B4C, #151019, #03000D)
• Moonless Loft color palette (#DBDCFB, #290076, #2C2021, #200C1D, #060006)
• Worn Coast color palette (#F0E1E6, #2E81AF, #132D8F, #001F1E, #020008)
• Patina Byzantium color palette (#E6E3FA, #A248B5, #3C2940, #16141F, #05060B)
• Obsidian Grape color palette (#E1E8FF, #5919CF, #3E322D, #2A0D25, #030412)
• Charred Aubergine Delta color palette (#E9E2EF, #63008E, #362725, #21010E, #010009)
• Smoked Aubergine color palette (#F2EAFC, #540083, #1C3A00, #002417, #020006)
• Lowlit Corridor color palette (#F4E8FD, #70009C, #3B3F00, #300045, #010100)

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