Hazy Azure color palette — #FFF0FA · #75DBF6 · #0096D8 · #007466 · #072E6D
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Ice Blue (#75DBF6): A whisper-light, balanced blue — the color of open sky before noon.
- Cerulean (#0096D8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007466): A full-bodied, balanced teal — the color of sea glass.
- Navy (#072E6D): 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
- Powdered Cornflower color palette (#FFF1F6, #9BD1FF, #5782FE, #00707D, #32295E)
- Tempered Azure color palette (#FEF4E3, #D4EAFF, #00A7E1, #007270, #002644)
- Aged Turquoise color palette (#FFF0FA, #9DECE6, #00AEC7, #298550, #0E455F)
- Tempered Navy color palette (#FFF0F9, #76C5D7, #0074B1, #005840, #1C2775)
- Misty Periwinkle color palette (#FFF2EB, #AAE4F6, #54B2FF, #009B7A, #242671)
- Ancient Periwinkle color palette (#FDF2F6, #CBE9FF, #7FA7DB, #418788, #3C4760)
- Ultramarine Alley color palette (#FDE8EF, #6DA8D9, #4160B7, #004952, #140934)
- Peony Hollow color palette (#F8D5E7, #FF4FBE, #008C96, #008254, #3E0F2C)
Browse the whole catalog at Explore, or see today's palette.