Azure Drift color palette — #E8DED9 · #A7CAAF · #009DDB · #008153 · #091B48

Cerulean and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E8DED9): bright and airy, almost weightless.
• Pistachio (#A7CAAF): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#009DDB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008153): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#091B48): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Misty Iris Chapel color palette (#F5ECE5, #94C7E8, #688EE7, #007D78, #241147)
• Petrol Boulevard color palette (#E5F2E7, #8BB9CC, #0081A0, #005A50, #002235)
• Dusty Courtyard color palette (#F5E6E1, #87AB8D, #007FAB, #006136, #000721)
• Tempered Periwinkle color palette (#FEF3EA, #B6DFFF, #8AA5FF, #009797, #3D1D67)
• Patina Veranda color palette (#F8E7F4, #54ABB6, #006086, #003C23, #000629)
• Jade Thicket color palette (#FDF3EE, #C7F0D5, #68BFFF, #00AA7E, #2D3A74)
• Worn Station color palette (#FFE1E5, #DA5C78, #729100, #238C0C, #29000B)
• Ancient Lantern color palette (#FBF3F1, #D2E5DF, #98D1E5, #7AB27F, #5D4C5F)

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