Hazy Azure Harbor color palette — #FBF2F9 · #B1F2FF · #279BDC · #006D4C · #0F1A43

Built around Cornflower, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Sea Foam (#B1F2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#279BDC): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006D4C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#0F1A43): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Hazy Azure Harbor 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

• Muted Iris color palette (#FFF1F6, #D7DFFC, #728BE5, #006A69, #24123E)
• Muted Periwinkle color palette (#FCF2F8, #D6D4E0, #6BABEB, #13816A, #232D48)
• Misty Cornflower color palette (#EFF6FF, #418FFF, #6B9100, #517900, #000C22)
• Sapphire Corridor color palette (#FFF1F7, #8CD7FB, #1172F4, #005249, #0D032B)
• Dusty Cerulean color palette (#F0F5FF, #EAD9E1, #F3C0A8, #0088B4, #181E37)
• Petrol Basin color palette (#E0ECEA, #86BEC9, #007790, #004B4C, #001923)
• Dusty Denim color palette (#EDDDE5, #75ABC2, #0052A6, #002C25, #010009)
• Washed Boulevard color palette (#F7E9F7, #61CAC9, #00728F, #004212, #000309)

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