Hazy Azure Workshop color palette — #FAF2F8 · #ABF4FF · #009DDE · #006D48 · #0C1B41

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sea Foam (#ABF4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009DDE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006D48): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#0C1B41): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Hazy Azure Workshop 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 (#FEF1F6, #D7DEFB, #6C8CE8, #006A67, #23133E)
• Washed Periwinkle Pier color palette (#FAF3F7, #D6D4E1, #40AEFE, #0C8263, #242B4F)
• Sapphire Balcony color palette (#FFF0F7, #8CD8F8, #0276E9, #005247, #0C0031)
• Ancient Petrol Chapel color palette (#FAEBE4, #78BEC9, #007296, #00523F, #042F55)
• Sunlit Magenta color palette (#F7F3FF, #DA53C6, #00996E, #007E5A, #110520)
• Muted Denim Ridge color palette (#EEDDE7, #60AECA, #00559C, #002C24, #01000A)
• Spruce Coast color palette (#F5EAF6, #77C7C2, #00738B, #064107, #000308)
• Weathered Teal Loft color palette (#F9F3F7, #D6D4E2, #B7C3F5, #60A188, #424D63)

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