Midnight Navy color palette — #D2E4F7 · #004178 · #352900 · #171C00 · #000606
Built around Navy, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Frost (#D2E4F7): A whisper-light, dusty blue — the color of open sky before noon.
- Navy (#004178): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Espresso (#352900): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#171C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000606): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, 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
- Moonless Chapel color palette (#D4E7FC, #004E8D, #5A001B, #310800, #000B0C)
- Twilit Garden color palette (#E1E7FF, #45008F, #232000, #0F0D00, #000203)
- Washed Summit color palette (#DFE3EB, #B6B7CD, #918A9F, #363C7E, #1A1F2B)
- Quiet Lapis color palette (#E4F0FF, #2C2FFD, #484800, #003336, #001E20)
- Grape Market color palette (#EAE6FF, #8F039E, #004835, #002E34, #001423)
- Mulberry Dune color palette (#EDE3F8, #7F005D, #5F0044, #241A00, #000103)
- Quiet Grape color palette (#E4E8F6, #5E0ADA, #4F2E00, #172400, #001614)
- Linen Byzantium Boulevard color palette (#EEDDDF, #A03BA6, #79207E, #362E00, #01021B)
Browse the whole catalog at Explore, or see today's palette.