Hazy Azure color palette — #D3F3FF · #54CCEE · #009CDD · #4365A9 · #3F4A6C
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Frost (#D3F3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#54CCEE): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#009CDD): A luminous, balanced blue — the color of deep harbor water.
- Slate (#4365A9): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#3F4A6C): A full-bodied, dusty 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 Azure 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
- Soft Azure Basin color palette (#E5FAFF, #91DDFF, #53ACE5, #436EA4, #2D3B61)
- Dusty Station color palette (#BAF1F4, #56D1C8, #00AAC3, #007897, #344C65)
- Timeworn Iris Pier color palette (#D2ECFF, #86BCFF, #758FF4, #6A5DA4, #454263)
- Gentle Mustard Balcony color palette (#EDF7FF, #72C1F4, #D1A619, #0082BB, #2A4B35)
- Timeworn Petal color palette (#EEF6FF, #DED9E3, #FDC2F3, #61A5AF, #445163)
- Chalky Nightshade Corridor color palette (#CAEFFA, #0082B3, #00569A, #1D009C, #15003B)
- Grape Field color palette (#D9ECF4, #14A4F9, #1972FA, #4E0CDE, #401A63)
- Gentle Periwinkle color palette (#EEF6FF, #5DABF0, #CE853F, #9B843F, #273A4C)
Browse the whole catalog at Explore, or see today's palette.