Azure Pier color palette — #FEF1FA · #C6ECFF · #349CD5 · #006B5D · #021B46

Cerulean and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Frost (#C6ECFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#349CD5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006B5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#021B46): A deep, shadowed, balanced 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

• Periwinkle Courtyard color palette (#FDF2F7, #D7D4E0, #6DACE6, #007F7A, #212C51)
• Softworn Cobalt color palette (#FFF1F6, #A5D2F1, #4A79C4, #005155, #0B0032)
• Worn Grove color palette (#DCEDEB, #82BECE, #007696, #004A4F, #001925)
• Timeworn Denim color palette (#F8EAF0, #6EABCB, #1A5497, #002B2C, #01000A)
• Pale Harbor color palette (#EBF7FF, #32CAFA, #D75145, #006E8C, #360101)
• Feathered Rust color palette (#E8F8FF, #00A0CC, #CA5D34, #A54F00, #000F16)
• Lagoon Garden color palette (#FAF3F7, #D7D4E0, #B9C0E9, #5AA098, #414E62)
• Tempered Balcony color palette (#E1FFE2, #C1B373, #956E31, #693719, #001710)

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