Midnight Navy color palette — #D1F1FF · #004147 · #1F006B · #0E1700 · #000201
A conversation between Deep Indigo and Deep Teal, giving this palette its sense of creativity and sophistication.
The five colors
- Frost (#D1F1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Deep Teal (#004147): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#1F006B): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#0E1700): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: Creativity, Sophistication, Depth, Luxury. 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
- Twilit Navy color palette (#F9E9F9, #00336F, #3D0035, #1A1000, #000202)
- Hushed Abyss color palette (#E5EDF4, #93A2B1, #6F7D90, #003B57, #00050C)
- Ancient Drift color palette (#ECF2FE, #606FC1, #2A7548, #004D4D, #001323)
- Midnight Balcony color palette (#D3E5FF, #00159F, #18121C, #040121, #000106)
- Moonless Denim color palette (#D9EAFF, #004EA4, #4F0057, #2D1100, #000201)
- Onyx Ridge color palette (#D2F5F8, #004935, #441A00, #181200, #000200)
- Aubergine Lantern color palette (#DAE2FF, #4A00B0, #63002D, #001B1F, #000104)
- Muted Cobalt color palette (#E8F3FF, #0072B4, #3E5B00, #00392A, #000C13)
Browse the whole catalog at Explore, or see today's palette.