Hazy Azure color palette — #FDF1FC · #AAF5FB · #009FD3 · #006E3C · #081D3E

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Sea Foam (#AAF5FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009FD3): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E3C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#081D3E): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Station color palette (#FCF2F7, #D3E0FE, #3F91FA, #006B5E, #1C1641)
• Muted Sky Market color palette (#FBF2F8, #D1D6E8, #55AFEB, #14825E, #212C4E)
• Gentle Villa color palette (#FCF2F7, #92D8EF, #007DD5, #005343, #090133)
• Cornflower Workshop color palette (#E0FEE8, #DBB437, #3F7FEF, #796000, #001342)
• Petrol Delta color palette (#F9EBE5, #7DBEC3, #007391, #00523A, #003051)
• Softworn Grove color palette (#EFE2EA, #66AEC3, #005892, #002C21, #01000A)
• Antique Ultramarine Market color palette (#F8EAEE, #8EBCE3, #4858CB, #003E3F, #04000E)
• Tempered Powder color palette (#F9F3F8, #D4D4E3, #95D5FB, #6E9F83, #404E62)

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