Azure Drift color palette — #FFF3E2 · #DBB56A · #62B5E1 · #249DD4 · #3A2704

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Sand (#DBB56A): A luminous, balanced gold — the color of afternoon light on wheat.
• Cyan (#62B5E1): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#249DD4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3A2704): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Linen Pier color palette (#F8F7DD, #A5C883, #72B0EA, #5F8FEC, #2E2C0D)
• Washed Delta color palette (#F6F6E6, #98C176, #3DACD0, #9C529A, #262610)
• Teal Balcony color palette (#FFF3E7, #E6AE78, #18C3B7, #00A6A8, #3A2612)
• Ancient Quarry color palette (#FCF5E3, #D7CE8F, #B2B3F7, #9A9ADC, #3B3831)
• Faded Aqua Atelier color palette (#FFF1F5, #F3AE5B, #00CFC5, #BB8FDF, #483038)
• Muted Sapphire Workshop color palette (#EBFDCE, #83AA00, #0095CD, #006DE0, #0E1500)
• Frosted Indigo color palette (#DFFFE1, #60C971, #8991FF, #716EFF, #002A09)
• Chalky Pier color palette (#FFEFDE, #C37B00, #00928C, #7C5A96, #2B1A07)

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