Azure Pier color palette — #E3EFE5 · #8DCBDB · #2C9ECD · #007D79 · #00213A

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

The five colors

• Honeydew (#E3EFE5): bright and airy, almost weightless.
• Sky (#8DCBDB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#2C9ECD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007D79): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00213A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hazy Periwinkle Market color palette (#E9F1EA, #ABDBF6, #63AAEB, #008F9E, #172C56)
• Soft Studio color palette (#DFEBE1, #80B8DC, #3C85D5, #006A7B, #040841)
• Dusty Petrol Canyon color palette (#DDEEE0, #62AEBC, #0080A4, #005E57, #000A15)
• Softworn Delta color palette (#FDF3ED, #92D8EB, #1F80C3, #00533F, #060036)
• Wandering Denim Parlor color palette (#F2E9DA, #6EA6B5, #006082, #003937, #000C19)
• Soft Emerald color palette (#CAF6F8, #64E1D8, #48C8EF, #4E9955, #003129)
• Teal Loft color palette (#F0F7F2, #D4DEF6, #95C4E7, #4FA8AE, #364961)
• Worn Bloom color palette (#D6EBE5, #00C5A0, #009C81, #006451, #000A06)

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