Azure Pier color palette — #CCF2F0 · #03C1EE · #0094EA · #4759B5 · #43346B

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

The five colors

• Honeydew (#CCF2F0): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#03C1EE): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0094EA): A luminous, vivid blue — the color of open sky before noon.
• Cobalt (#4759B5): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#43346B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Faded Cornflower Pier color palette (#A5ECFF, #4FB5FF, #4182FF, #6A4FB0, #583163)
• Linen Lantern color palette (#DBEEF7, #1BB1F6, #007EC2, #005392, #3B316D)
• Ancient Teal Bloom color palette (#D3E9DC, #00C8BC, #0098B5, #006AA8, #163B71)
• Dusty Sapphire Bloom color palette (#DFFBFF, #80DDFF, #03A0ED, #2252F6, #322D76)
• Aged Villa color palette (#F1F5FF, #A8BFFF, #6380FF, #1450A2, #151D62)
• Washed Iris color palette (#D3EDFF, #9AB2FF, #9182DB, #7F5A8A, #534566)
• Hushed Lapis color palette (#DCEBF2, #3180FF, #4A48E4, #52197B, #370633)
• Feathered Amber Garden color palette (#EEF6FF, #88C5FF, #CC8C00, #006CB3, #503400)

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