Azure Pier color palette — #CEE1EE · #00AAD8 · #516183 · #2C3F4B · #040F12

Cyan takes the lead with Graphite close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#CEE1EE): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00AAD8): A luminous, balanced blue — the color of open sky before noon.
• Graphite (#516183): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#2C3F4B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#040F12): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Hushed Teal Basin color palette (#D2F1F5, #00B49B, #486678, #2A4144, #05100E)
• Periwinkle Loft color palette (#D5E7F9, #57B1FF, #696E88, #404B55, #101A1E)
• Worn Dune color palette (#E2EAFD, #6687FF, #704480, #28354C, #000811)
• Antique Harbor color palette (#DBF2E7, #008DB7, #4F3552, #10271D, #080F0A)
• Charred Lantern color palette (#D3E3DB, #006F8F, #321C30, #001109, #000300)
• Hushed Wisteria Harbor color palette (#EBECFA, #B780FF, #8B526E, #3E4055, #0A121E)
• Patina Oat Field color palette (#E8FBEB, #C0D48C, #74B089, #5E8BA0, #1E3C33)
• Patina Thicket color palette (#FBF2FA, #AFEDEF, #6CBEDF, #619B6F, #233B5B)

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