Azure Pier color palette — #FFF2ED · #CCF0D3 · #149ED6 · #006E42 · #091C42

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Honeydew (#CCF0D3): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#149ED6): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E42): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#091C42): A deep, shadowed, dusty violet — the color of wild irises.

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

• Iris Thicket color palette (#FFF3E9, #CBEBFF, #698EE4, #006A65, #21153D)
• Turquoise Station color palette (#E8F1E9, #A5DFE6, #0EB6DC, #009381, #003249)
• Worn Cobalt Hollow color palette (#FFF2EA, #8DD7F8, #357AD1, #005247, #0C0130)
• Washed Petrol Thicket color palette (#F6EAF4, #81BDC4, #00719B, #005330, #192D51)
• Jade Veranda color palette (#BDFCCB, #00C29B, #008C9A, #005673, #001B37)
• Periwinkle Boulevard color palette (#FFF3E9, #D8D6E3, #7FAEFF, #00897E, #352C5C)
• Frosted Coral Atelier color palette (#DDFFE8, #00BEDC, #E46260, #007082, #360004)
• Aged Lagoon color palette (#E4FDE4, #E2DCE6, #D7BEFF, #43996F, #002430)

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