Midnight Navy color palette — #F5D8E5 · #552800 · #002266 · #000E34 · #040002
Built around Midnight, softened by Espresso — the whole palette hums with trust and stability.
The five colors
- Shell Pink (#F5D8E5): A whisper-light, dusty rose — the color of pressed rose petals.
- Espresso (#552800): A deep, shadowed, balanced gold — the color of old brass.
- Midnight (#002266): A deep, shadowed, balanced violet — the color of a velvet chair.
- Midnight (#000E34): A deep, shadowed, dusty violet — the color of a velvet chair.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Optimism, 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
- Navy Atelier color palette (#DDEBE0, #463300, #040B80, #010047, #000200)
- Obsidian Onyx Lantern color palette (#FEDBE7, #422900, #100059, #15030D, #030021)
- Garnet Market color palette (#F7E7F5, #6B0011, #002E3F, #00151E, #040000)
- Lowlit Onyx Veranda color palette (#F7E0C9, #6E4100, #004352, #15004F, #020100)
- Smoked Loft color palette (#FAD9C6, #5A4200, #002B19, #110025, #010100)
- Faded Nightshade color palette (#FCE1CE, #823C00, #0435A8, #250673, #040100)
- Chestnut Quarry color palette (#F9E6EF, #894100, #00322C, #341400, #000102)
- Hushed Aubergine Summit color palette (#DAF2E7, #565600, #4C1D9A, #2E0367, #020200)
Browse the whole catalog at Explore, or see today's palette.