Azure Pier color palette — #ECF7FF · #4FA3C9 · #A78344 · #8B7248 · #324552

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#4FA3C9): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#A78344): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8B7248): A full-bodied, dusty gold — the color of old brass.
• Charcoal (#324552): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Washed Teal Market color palette (#E5F9FF, #57A7A5, #B47676, #936448, #2F474D)
• Iris Terrace color palette (#F1F5FF, #858AC5, #7F8356, #5F642F, #363D4F)
• Aged Lantern color palette (#E1F8F0, #78A1C4, #BE7486, #6A8330, #102D26)
• Moss Chapel color palette (#EDF6FF, #8DB6D9, #D88B9D, #839E49, #324555)
• Washed Station color palette (#EBFAEF, #9CC2B5, #698973, #745261, #334E4B)
• Sunlit Cornflower color palette (#E0ECFF, #2E78F5, #8A6F00, #50631A, #172F58)
• Washed Market color palette (#EEF6FF, #B1D3FE, #5C81A9, #30577A, #213D5C)
• Mustard Summit color palette (#E5FCEE, #86D5EB, #DFB862, #99AF71, #36473D)

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