Azure Pier color palette — #E2FEE8 · #76BDD8 · #4D91D7 · #506597 · #5E4555

Built around Azure, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E2FEE8): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#76BDD8): A luminous, balanced blue — the color of deep harbor water.
• Azure (#4D91D7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#506597): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#5E4555): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

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

• Softworn Periwinkle color palette (#DAFFEF, #8BD2FF, #6CAADD, #587AA2, #604C5F)
• Amber Orchard color palette (#FBF1FC, #8CB3E3, #C08E45, #4475AE, #514C46)
• Aged Powder Garden color palette (#CEEAFF, #7AC3F5, #5790C0, #3E5D83, #263449)
• Aged Bloom color palette (#FFF0FE, #9FADE6, #8870C4, #755180, #674A4E)
• Lagoon Loft color palette (#EEFBDD, #74C6B6, #009294, #137188, #345348)
• Dusty Shell Lantern color palette (#FEF0FF, #E9D7D8, #F7B7AA, #6396A7, #5D4E58)
• Amber Cabin color palette (#E4FBF3, #659FC9, #C17337, #6C7E49, #324841)
• Sapphire Lagoon color palette (#D8F2FF, #4DA8FF, #455EFF, #5126AD, #4E2F64)

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