Azure Pier color palette — #F5E7F3 · #91CBD3 · #029ED9 · #008250 · #081C46

Cerulean and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5E7F3): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#91CBD3): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#029ED9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008250): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#081C46): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, 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

• Patina Villa color palette (#FBE9F0, #92C8E9, #698FE2, #007E77, #231048)
• Petrol Veranda color palette (#EEE6D9, #80BDC4, #00829E, #005A4F, #002334)
• Hushed Periwinkle Alley color palette (#FFF1F6, #B2E1FF, #82A7FF, #009892, #382265)
• Hushed Workshop color palette (#EEDDD7, #4FACB6, #006084, #003C21, #000629)
• Patina Bronze color palette (#D9F4D7, #79E3D9, #82BEFF, #96811E, #003027)
• Patina Market color palette (#FBF2F8, #D2E1FA, #8AC4F4, #5FA98D, #384865)
• Timeworn Orchid color palette (#D5F7F6, #33CE86, #AA4EC0, #008652, #2E0038)
• Mint Drift color palette (#D3EFE3, #35C783, #009F6E, #00633C, #000A04)

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