Azure Pier color palette — #FBF2F9 · #A9DEF0 · #0DA5CC · #00805B · #173E5B

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Powder Blue (#A9DEF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#0DA5CC): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00805B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#173E5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Periwinkle Market color palette (#FBF2F7, #C7EBFF, #67ACE3, #268C83, #394861)
• Aged Cornflower Study color palette (#F5EBF0, #8FCEEC, #1489E8, #006C6A, #232B4F)
• Timeworn Studio color palette (#F5F6EB, #ABD0B1, #008798, #00605B, #054250)
• Wandering Denim Station color palette (#F5EAF3, #55A0A9, #00617F, #003D2E, #000918)
• Olive Delta color palette (#E6E0FF, #DE7FE6, #008C6D, #378C00, #2D2641)
• Sunlit Corridor color palette (#F7E3EB, #5CACD5, #0064C2, #004A4B, #0D0540)
• Dusty Chapel color palette (#EFECFF, #E399F0, #00B15E, #8D369D, #153F24)
• Iris Alley color palette (#F6F3FF, #F7D5CC, #F9B395, #8A81C1, #453B51)

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