Midnight Navy color palette — #E9D8EA · #004383 · #5E1F00 · #201D00 · #000410
A conversation between Navy and Espresso, giving this palette its sense of trust and stability.
The five colors
- Thistle (#E9D8EA): A whisper-light, dusty pink — the color of neon signs at night.
- Navy (#004383): A deep, shadowed, balanced blue — the color of deep harbor water.
- Espresso (#5E1F00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#201D00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000410): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Sophistication, 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
- Cellar Garnet Courtyard color palette (#DBF8E7, #004C5F, #680028, #2A1900, #000603)
- Nightshade Station color palette (#DFE7FD, #2900C5, #502C00, #192000, #0D000A)
- Ultramarine Cabin color palette (#D6E2F4, #0056CD, #7A4300, #512A00, #000314)
- Aubergine Lagoon color palette (#FAE6EF, #5B00B1, #550010, #171400, #000A09)
- Aubergine Boulevard color palette (#FBDEE9, #5B009B, #413500, #002410, #080015)
- Navy Basin color palette (#F6E8F0, #B9A2AB, #96757B, #31247D, #1C0F17)
- Hazy Sapphire Ridge color palette (#F6E5F5, #015AE5, #5E0042, #001F62, #070000)
- Softworn Mulberry Workshop color palette (#F9D7DB, #880081, #354B00, #00302A, #1F0308)
Browse the whole catalog at Explore, or see today's palette.