Hazy Navy color palette — #D6EDFE · #0081D8 · #004399 · #00187D · #270048
Navy and Azure set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D6EDFE): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#0081D8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Indigo (#004399): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00187D): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#270048): A deep, shadowed, balanced violet — the color of wild irises.
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
- Hushed Navy Drift color palette (#D6E6EB, #0078AC, #003E8F, #120074, #0B0024)
- Hushed Ultramarine color palette (#D9E9F5, #1F9AF9, #0174E7, #1841C3, #11184F)
- Quiet Nightshade color palette (#D1E0F7, #4A6AD8, #3622B9, #2E028A, #210F4E)
- Tempered Cobalt Cabin color palette (#D2EFFA, #0081B0, #005074, #003152, #17123C)
- Chalky Nightshade color palette (#EDDEEA, #4161D4, #9D1F4F, #150EA8, #380016)
- Hazy Pier color palette (#EDD6E6, #B9AEFB, #9D80BF, #264E9A, #242145)
- Softworn Mulberry color palette (#DCE4FF, #3F4AB9, #87006D, #00464D, #080837)
- Electric Grape color palette (#EAEFFF, #8583FF, #6B29EC, #4F0095, #43006C)
Browse the whole catalog at Explore, or see today's palette.