Hazy Navy color palette — #D1E5FC · #2888E3 · #004EAB · #00214E · #000208
Cobalt and Azure set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D1E5FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#2888E3): A luminous, vivid blue — the color of deep harbor water.
- Cobalt (#004EAB): A full-bodied, vivid blue — the color of deep harbor water.
- Midnight (#00214E): A deep, shadowed, balanced blue — the color of open sky before noon.
- Black (#000208): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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
- Ultramarine Study color palette (#D5E1F8, #5980EF, #4041C3, #1F0076, #000015)
- Worn Summit color palette (#CCE7EF, #0097B7, #005E7A, #002D3A, #000406)
- Cobalt Hollow color palette (#D8E7F9, #2B74C8, #00355F, #001124, #000209)
- Quiet Canyon color palette (#DEEDFE, #49A4FF, #0075E3, #004783, #000309)
- Feathered Moss color palette (#F0E3D9, #7CA600, #006FB2, #001224, #000302)
- Aged Sapphire Loft color palette (#E1ECFF, #8CB4FF, #216BFA, #0531C2, #000F48)
- Softworn Nightshade Balcony color palette (#F6E5F1, #6778E1, #9D0026, #2E20B4, #050100)
- Grape Harbor color palette (#E6DFF2, #A869E1, #6F24AD, #2B005E, #04000D)
Browse the whole catalog at Explore, or see today's palette.