Hazy Azure color palette — #F3F7EC · #B5EAF1 · #7EBAFF · #009ED1 · #223E6F
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Powder Blue (#B5EAF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#7EBAFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#009ED1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#223E6F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Hazy Veranda color palette (#F5F7EA, #B6F0FD, #13C9F5, #00A5AA, #00465F)
- Wandering Chapel color palette (#FFF1F5, #D8D3DE, #87ACFF, #008694, #332E59)
- Feathered Seafoam color palette (#E5FDE4, #00E1E0, #B5A9FF, #00ADAC, #3D2778)
- Feathered Cobalt color palette (#E3F6F6, #A7D5FF, #3F84D7, #005D80, #0E224C)
- Dusty Moss Market color palette (#BCFAF1, #00D0C0, #63AFFF, #91A900, #003934)
- Azure Parlor color palette (#E6E8DA, #90CADB, #00A0CD, #007C85, #002334)
- Muted Studio color palette (#EFF1E5, #64ADBC, #00819E, #005D60, #000B12)
- Antique Teal Lantern color palette (#F5F6EF, #CEE2DD, #99D2DC, #65B2AB, #335241)
Browse the whole catalog at Explore, or see today's palette.