Midnight Navy color palette — #DDECFF · #004188 · #3B3800 · #182000 · #000105
A conversation between Navy and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Frost (#DDECFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Navy (#004188): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#3B3800): A deep, shadowed, dusty green — the color of fresh herbs.
- Onyx (#182000): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. 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
- Smoked Grove color palette (#D6EBF2, #004E51, #483100, #1C1F00, #000606)
- Lowlit Alley color palette (#DCE9FE, #002CB2, #5A2400, #301300, #000009)
- Moonless Aubergine color palette (#E0E4FE, #57009F, #463300, #251A00, #020007)
- Aged Archive color palette (#EFE8F6, #910068, #00503E, #003023, #070003)
- Muted Lapis color palette (#FEE8F5, #552AEA, #8F0048, #002F2F, #01000A)
- Eclipse Hollow color palette (#E4EFDA, #542FBF, #56003E, #001910, #030008)
- Muted Hollow color palette (#E0DEF2, #8C39A4, #006543, #00412A, #110018)
- Grape Villa color palette (#F3D9E1, #8625B8, #9D040C, #2D3C00, #0A0012)
Browse the whole catalog at Explore, or see today's palette.