Hazy Navy color palette — #D9EFFC · #358AD1 · #1C51C2 · #170092 · #13023A
Built around Indigo, softened by Cobalt — the whole palette hums with trust and stability.
The five colors
- Frost (#D9EFFC): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#358AD1): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#1C51C2): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#170092): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#13023A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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
- Misty Cerulean color palette (#DEF1F6, #008BB9, #005A91, #00326E, #040842)
- Faded Nightshade color palette (#E3E7FF, #858ADD, #4C43B5, #22006F, #050020)
- Powdered Summit color palette (#C7F4FA, #008EC4, #0050BC, #361F96, #401F4F)
- Faded Nightshade color palette (#A0EDFE, #3CB6F0, #107FEC, #482AB4, #28033B)
- Grape Boulevard color palette (#E0E6F6, #7578D6, #6738B9, #4E007F, #23002C)
- Sapphire Courtyard color palette (#D5E9F6, #2AA9FF, #0066EE, #3243B1, #2C2455)
- Nightshade Station color palette (#EDDAE9, #5F7BC7, #886500, #1800D2, #191000)
- Patina Denim color palette (#FAE0F2, #CFBDF5, #C38DC1, #035B9B, #171139)
Browse the whole catalog at Explore, or see today's palette.