Hazy Azure color palette — #F7EAE5 · #8ACDD4 · #009FD6 · #00824D · #091D42

Built around Cerulean, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#F7EAE5): bright and airy, almost weightless.
• Sky (#8ACDD4): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#009FD6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00824D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#091D42): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Cornflower Archive color palette (#EFE3DA, #7ECBF2, #4C8DFF, #007E73, #1F1641)
• Soft Periwinkle color palette (#F5EDE8, #B4DFC7, #4FA9FF, #009479, #262951)
• Petrol Workshop color palette (#DEEAE1, #74BFC8, #00829E, #005A4F, #002334)
• Chalky Summit color palette (#F2ECD1, #9EA500, #0096E4, #727700, #001D31)
• Washed Veranda color palette (#F2E4EE, #65A9B1, #00617E, #003B2B, #000B1B)
• Faded Workshop color palette (#FFF2EC, #ADF2FF, #5FC1FF, #00AB78, #2D3D6A)
• Aged Powder Field color palette (#F9F4EF, #C5DFF2, #B7C2FF, #69B0B3, #624B53)
• Moss Alley color palette (#EBE1D1, #A0A644, #9E7500, #8B4312, #031D00)

Browse the whole catalog at Explore, or see today's palette.