Azure Drift color palette — #F4F7EA · #DAEDBB · #8EDDB0 · #00A2CD · #434640

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Celadon Mist (#DAEDBB): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#8EDDB0): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#00A2CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#434640): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged candy, vibrant, 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

• Weathered Teal Orchard color palette (#F8F6E6, #D6D7CB, #C3DC90, #00AEB2, #484A43)
• Weathered Periwinkle color palette (#EFF9EB, #A6F1E3, #67DFD0, #799FE7, #345041)
• Antique Lagoon Drift color palette (#F3F9D8, #8CC6AD, #179C9E, #007186, #29594C)
• Linen Market color palette (#E2F7F7, #D3F5AF, #7EEFAB, #4AB7C4, #103437)
• Wandering Cypress Bloom color palette (#FBF3F1, #CDE7E0, #6DA2B8, #4D7B58, #604A61)
• Hazy Cobalt color palette (#E9FCE1, #E0CF3B, #00CCA6, #0088E1, #004244)
• Linen Boulevard color palette (#EBF9F1, #AEF6C1, #4DC8F0, #9B75D7, #0E473C)
• Frosted Indigo color palette (#E8FBEA, #B6D07B, #00B6AF, #7069ED, #003244)

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