Azure Pier color palette — #FCF2F8 · #9AE9FC · #32A4EF · #008663 · #2F3B70

A conversation between Cornflower and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Ice Blue (#9AE9FC): A whisper-light, balanced blue — the color of deep harbor water.
• Cornflower (#32A4EF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008663): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2F3B70): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Worn Turquoise color palette (#FAF2FA, #C3EDFA, #66AFD1, #4F8961, #364961)
• Cornflower Station color palette (#FFF0F9, #77DAFC, #0D8EF6, #007460, #2A2867)
• Tempered Hollow color palette (#FFF1F5, #BFDFFE, #8894E2, #008287, #493461)
• Soft Indigo color palette (#E6EEE4, #8EB6DD, #616AC4, #00585D, #290F40)
• Washed Denim Canyon color palette (#F4E4E9, #7197B4, #3C519F, #003B3B, #0E0023)
• Softworn Lantern color palette (#EFE3EC, #51B1C2, #006DA0, #004D33, #040B3E)
• Timeworn Violet color palette (#E4FDE8, #EFB52C, #9B6AEA, #987000, #422B68)
• Glacier Dune color palette (#DEFFE6, #A1F1D7, #48E2EF, #BC7256, #45471F)

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