Hazy Azure Bloom color palette — #FAECE7 · #77D0D9 · #009FD5 · #00824B · #011B4C

A conversation between Cerulean and Fern, giving this palette its sense of nature and growth.

The five colors

• Cream (#FAECE7): bright and airy, almost weightless.
• Aqua (#77D0D9): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009FD5): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00824B): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#011B4C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy Azure Bloom 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 Summit color palette (#F8E9DE, #98C7E0, #5790EF, #007E73, #1F1446)
• Patina Workshop color palette (#DFEEE2, #7DBEC5, #00829D, #005A4E, #002333)
• Periwinkle Villa color palette (#FFF3E8, #B0E1FF, #7FA8FF, #009890, #371F6C)
• Weathered Pier color palette (#D8E3D8, #A6CBF4, #C3A1DF, #439766, #002436)
• Soft Teal Studio color palette (#DFF5E6, #00AC92, #008A8D, #005D78, #001E43)
• Tempered Pier color palette (#D4F6FF, #00BDE7, #0090BB, #006074, #000C12)
• Tempered Denim color palette (#E8E0E7, #5BABB1, #006082, #003C1E, #000922)
• Wandering Grove color palette (#CCE5ED, #009CBB, #D5533F, #9B5800, #00151B)

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