Azure Pier color palette — #FCF2F8 · #D2E1FF · #4395E8 · #006C59 · #181743

Cornflower takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Frost (#D2E1FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cornflower (#4395E8): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006C59): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#181743): 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 Forest color palette (#F9F3F9, #BEEFFD, #00A1C9, #006F29, #001E3F)
• Weathered Periwinkle color palette (#FCF2F6, #D8D4DF, #7EA6EC, #008076, #2E2750)
• Washed Indigo Pier color palette (#FEF1F6, #ABD0F2, #5F6ED8, #005153, #140028)
• Timeworn Petrol Lantern color palette (#FCEBE0, #6CBED9, #116BB3, #005141, #262950)
• Pine Loft color palette (#FAF2FC, #C9DDF6, #28C0E6, #0D8F21, #003760)
• Washed Bloom color palette (#EADDE2, #84A6C2, #2F4BA8, #002B2A, #020007)
• Washed Terrace color palette (#F6EAF4, #74C6D1, #006F9D, #004027, #000114)
• Dusty Peony Alley color palette (#DFFCFE, #2DD5AE, #C651A2, #00755D, #310024)

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