Misty Azure color palette — #FBF2F9 · #AFF4FA · #009FD5 · #006E3F · #031B47

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Sea Foam (#AFF4FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009FD5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E3F): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#031B47): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Misty 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

• Iris Corridor color palette (#FCF2F6, #D3E0FE, #6E90D9, #006A65, #211341)
• Tempered Parlor color palette (#FFF0F8, #9CD5EE, #3F7BC7, #005247, #0C0031)
• Muted Turquoise Atelier color palette (#F3EEE5, #BADEC2, #00B6DE, #009382, #00324A)
• Worn Atelier color palette (#DBFDFF, #2EC59C, #B06FE2, #00755A, #26003C)
• Ancient Petrol Courtyard color palette (#F5ECE9, #97BC9F, #00719C, #005331, #192D51)
• Periwinkle Courtyard color palette (#FFF0F7, #D7D4E0, #89ADF6, #008881, #372A5D)
• Denim Station color palette (#EEE2E9, #71ACC0, #005697, #002C23, #01000A)
• Seafoam Lagoon color palette (#DCFFEB, #5AE0B2, #008B68, #00492E, #000703)

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