Azure Drift color palette — #F0E6EC · #7CCEE3 · #0699EF · #008062 · #151B41

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

The five colors

• Blush (#F0E6EC): bright and airy, almost weightless.
• Sky (#7CCEE3): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0699EF): A luminous, vivid blue — the color of open sky before noon.
• Teal (#008062): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#151B41): 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 Azure Drift 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

• Washed Iris Courtyard color palette (#F2E7EA, #8BC7F7, #6D85FF, #007D7E, #270F43)
• Airy Pine Lantern color palette (#EADFEB, #87CFCA, #00A2C2, #22821E, #00213B)
• Dusty Orchard color palette (#E4DDD3, #71BED4, #007FAD, #005958, #00213C)
• Muted Hollow color palette (#EBFAEE, #7DDBF6, #0085B5, #005150, #000D1E)
• Hazy Emerald color palette (#FDF0FE, #97EBE6, #00BEE3, #1E9F1C, #00355B)
• Muted Field color palette (#F2E2D9, #5DA8BD, #005E8B, #003A33, #000727)
• Powder Study color palette (#FAF3F5, #C7E4FF, #9BACFC, #009FA3, #363756)
• Chalky Indigo color palette (#D2EBDD, #C2B22D, #6E65E9, #7E7200, #170C49)

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