Hazy Navy color palette — #D0F8FF · #007C9E · #00497E · #0D0075 · #020011
A conversation between Deep Indigo and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D0F8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007C9E): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00497E): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#0D0075): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Black (#020011): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Hazy 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 Balcony color palette (#C8EAFA, #0078C4, #14389E, #1F0062, #080016)
- Aged Petrol color palette (#D7F6F3, #007D8C, #005370, #00203E, #000014)
- Navy Pier color palette (#D7E6DA, #006E8A, #032F95, #400600, #000409)
- Gentle Aubergine color palette (#D7E6E0, #0095A1, #0064A2, #37009D, #0A0013)
- Charred Aubergine color palette (#D1E4F1, #006181, #560072, #340B00, #010200)
- Muted Aubergine Boulevard color palette (#D8E9FF, #575FCC, #5319A7, #310045, #0E000B)
- Abyss Corridor color palette (#D8E0E4, #99A7B2, #798899, #004E5D, #000B12)
- Frosted Lapis color palette (#E2F3FF, #00A2AF, #0088CB, #452BCC, #000207)
Browse the whole catalog at Explore, or see today's palette.