Azure Drift color palette — #FCF4E7 · #BDEFFF · #009DDA · #006A6A · #001F3C

Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Frost (#BDEFFF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009DDA): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006A6A): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#001F3C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Muted Periwinkle Lantern color palette (#F9F4ED, #C0E3F5, #55ADF5, #007D89, #3E233D)
• Turquoise Coast color palette (#94FAF6, #00C1D3, #008EAA, #00546E, #001F37)
• Weathered Denim color palette (#F5EFE4, #70AACE, #00559C, #002A31, #00000C)
• Ancient Harbor color palette (#E2F2F0, #7EBCD0, #007297, #004E57, #00324B)
• Weathered Cornflower color palette (#FDF4E6, #A8D1F2, #2C78DC, #004F5F, #05062C)
• Hushed Cerulean color palette (#DAFFF0, #E2DBE4, #C9C8FF, #008D9F, #002920)
• Wandering Raspberry Workshop color palette (#EAF8FF, #009FD4, #DA3192, #6E7000, #001109)
• Pale Drift color palette (#DFFEED, #2CCAFA, #D35B00, #006E8B, #2D0D00)

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