Azure Drift color palette — #E9F8FF · #8CCCE6 · #68A4CE · #5A7BA5 · #41506A

Blue Fog takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Sky (#8CCCE6): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#68A4CE): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5A7BA5): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#41506A): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Weathered Corridor color palette (#EFF6FF, #BBC9FF, #A098D7, #77689A, #514E6F)
• Cerulean Field color palette (#EDF6FF, #A0C9EE, #CEAA7F, #5C92C0, #3B553A)
• Hushed Station color palette (#D7FEFF, #95DAC9, #4DACA6, #318188, #2C5263)
• Weathered Powder Ridge color palette (#E6FAE0, #9DE8FF, #68C6FB, #7A91CB, #604756)
• Ash Field color palette (#EFF6FF, #DBD8E3, #BAADA6, #8BAAC1, #434C5F)
• Wandering Moss Archive color palette (#EEF6FF, #8FB4E0, #D68E95, #7D9E65, #364453)
• Indigo Boulevard color palette (#DEE7F5, #8FABFF, #776DCE, #624B9F, #442C56)
• Powdered Delta color palette (#C5E6F9, #75BBFF, #437AFB, #4E57CE, #3C2F78)

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