Azure Pier color palette — #F0F3EC · #BEE7DB · #588FD5 · #00678D · #382437

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

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Celadon Mist (#BEE7DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#588FD5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00678D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#382437): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Hushed Alley color palette (#F1F3EC, #C0E7D0, #169BC6, #006B74, #113328)
• Cornflower Parlor color palette (#F0F4E7, #A8D6FA, #1885E1, #005E7B, #07234D)
• Dusty Iris color palette (#EBF5EA, #2CBAB6, #8D7FD5, #007471, #272144)
• Ancient Turquoise color palette (#E3E5D6, #50ABBE, #00627A, #00393C, #000D15)
• Ancient Cerulean Bloom color palette (#EBEEE1, #3F819F, #004060, #001E25, #000104)
• Aged Archive color palette (#F9F4EF, #C3E1F5, #9BB9FF, #31919E, #543346)
• Hushed Petrol color palette (#F2F3E6, #6DCCDA, #007F96, #005151, #001E28)
• Washed Boulevard color palette (#DFFAE6, #009FB2, #6773DB, #3A7C3B, #0C2415)

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