Midnight Navy color palette — #CDEFF5 · #007FB1 · #00319D · #100032 · #030004
Indigo and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CDEFF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007FB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Indigo (#00319D): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#100032): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged dark.
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
- Cerulean Harbor color palette (#D0E4E2, #0085A0, #003E62, #060037, #020006)
- Gentle Nightshade color palette (#D3E4F4, #3D7CD6, #344ACE, #2D00A2, #030011)
- Smoked Navy Balcony color palette (#F2EBDA, #006E8A, #2B1C78, #100C00, #000103)
- Misty Aubergine color palette (#E3ECFB, #6867D9, #620086, #23001C, #040001)
- Cerulean Boulevard color palette (#DCEFF7, #6E83B3, #573A5D, #1A2400, #020500)
- Airy Aubergine Ridge color palette (#E9F8FF, #8FBBFF, #726CD5, #5E0C8D, #280021)
- Midnight Navy Lantern color palette (#F1D6EF, #003487, #1B1F26, #120408, #020007)
- Nocturne Loft color palette (#D8EADE, #005F6F, #4E0042, #182328, #0A0700)
Browse the whole catalog at Explore, or see today's palette.