Azure Lagoon color palette — #ECF7FF · #25ADE4 · #B77946 · #006F96 · #5A3546

Built around Cyan, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#25ADE4): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#B77946): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#006F96): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5A3546): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Azure Lagoon 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

• Hazy Coral color palette (#E7F9FF, #00B4C2, #CA676E, #00737C, #533753)
• Petrol Market color palette (#E6F4FF, #64ACDB, #C07A54, #006C9E, #411A03)
• Antique Amber color palette (#EFF6FF, #7B9DE9, #A7851E, #4663A3, #504015)
• Aged Cerulean color palette (#E8FBF0, #76C4DF, #D1975A, #008EB0, #5C3A10)
• Cobalt Terrace color palette (#EDF7FF, #0091D7, #AA6939, #746302, #273A4A)
• Hazy Cornflower color palette (#D3E7FF, #0984F0, #906800, #004E94, #3D2A00)
• Washed Mallow color palette (#EBF7FF, #DDD7E7, #D5BCEA, #507F8E, #3C4C5F)
• Azure Workshop color palette (#E8FAF2, #8DD6FF, #F0AD74, #00ACEB, #5C391B)

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