Azure Pier color palette — #E5F7EE · #4AA0C6 · #9276A1 · #416A42 · #172720

Built around Cyan, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#E5F7EE): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#4AA0C6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#9276A1): A luminous, dusty violet — the color of twilight just after sunset.
• Pine (#416A42): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#172720): A deep, shadowed, dusty teal — the color of sea glass.

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

• Timeworn Cerulean Loft color palette (#E3F7EF, #609DBE, #7F885C, #3C6A4A, #162720)
• Antique Iris color palette (#FDECF8, #8292C8, #A57186, #236B64, #2C1D28)
• Dusty Cerulean color palette (#E9F5F0, #609DBD, #9177A1, #785067, #11281F)
• Aged Workshop color palette (#EBF7FF, #5B9AB4, #AA697A, #6F5E16, #2B404D)
• Jade Field color palette (#F0F4E6, #67A57B, #A97460, #79572A, #212515)
• Cobalt Courtyard color palette (#D4FCF1, #0080D3, #944A91, #005740, #001913)
• Softworn Parlor color palette (#FFEEE7, #A5A6D5, #826E99, #704445, #39252F)
• Softworn Cobalt color palette (#EBF4F2, #A3C7EC, #7C7BB7, #4875A1, #1D1219)

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