Midnight Navy color palette — #DDE7F9 · #222E8C · #3F0010 · #000C09 · #010010
A conversation between Indigo and Espresso, giving this palette its sense of creativity and depth.
The five colors
- Frost (#DDE7F9): A whisper-light, dusty violet — the color of twilight just after sunset.
- Indigo (#222E8C): A deep, shadowed, balanced violet — the color of wild irises.
- Espresso (#3F0010): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#010010): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Depth, Luxury. Tagged dark, 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
- Lowlit Onyx Corridor color palette (#CEE1F2, #004066, #281E25, #3F0011, #000C0A)
- Shadow Aubergine Dune color palette (#E9ECFF, #4C0193, #291B00, #000A16, #060002)
- Spruce Pier color palette (#E5DDE6, #468E8B, #004453, #012503, #000A18)
- Cellar Harbor color palette (#E8DFF9, #605A06, #520046, #2A160F, #0F0001)
- Wandering Garnet color palette (#D6E7F8, #645D94, #5D1C38, #00222B, #070920)
- Charred Boulevard color palette (#EFEBFF, #78067E, #322A00, #04004B, #120014)
- Hazy Aubergine Atelier color palette (#E7E6F8, #743695, #542A00, #00242C, #1E002D)
- Lowlit Mulberry Dune color palette (#EFEBFF, #8A1A92, #542D00, #002111, #000207)
Browse the whole catalog at Explore, or see today's palette.