Hazy Azure color palette — #F8EAF3 · #97E1F1 · #15B1F4 · #00937D · #152E50

Cornflower takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F8EAF3): bright and airy, almost weightless.
• Ice Blue (#97E1F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#15B1F4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00937D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#152E50): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Airy Market color palette (#FAEAEF, #ADD9FF, #84A2ED, #008E9F, #2D2650)
• Softworn Cerulean color palette (#EEF0E3, #6DD5EC, #0095B8, #006B70, #003346)
• Worn Balcony color palette (#F0F8EF, #D9DEF4, #A1BCFD, #5EA5B0, #3F4663)
• Cerulean Corridor color palette (#F8E7F3, #5AC3C6, #0091B1, #00704C, #001626)
• Linen Fuchsia Pier color palette (#FBEAF4, #FF80D5, #009FAB, #009958, #331028)
• Tempered Balcony color palette (#EFE8DC, #82BECC, #00759A, #004C48, #00172A)
• Washed Cobalt Lantern color palette (#EBD8E1, #4DACD8, #3376BF, #005D5D, #05012B)
• Tempered Alley color palette (#E3D8F5, #FF9BE6, #04BF80, #A64291, #00321E)

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