Azure Pier color palette — #E4FAFF · #7DD8E6 · #2DAAD9 · #4A81AB · #404E66
A conversation between Cyan and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E4FAFF): A whisper-light, dusty blue — the color of open sky before noon.
- Ice Blue (#7DD8E6): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#2DAAD9): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#4A81AB): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#404E66): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Timeworn Apricot color palette (#EDF7FF, #8ECDF3, #EA9C66, #4F95BC, #5F4451)
- Dusty Aqua color palette (#DDFFE7, #5CC5E1, #3693B4, #3C6A84, #31564A)
- Periwinkle Delta color palette (#EEF6FF, #B9DDFF, #69A1DB, #426892, #203B51)
- Teal Terrace color palette (#D6FFF9, #93D6AF, #26B29E, #298B8D, #385768)
- Hazy Ultramarine color palette (#D2F5FF, #40C4FD, #008FF2, #394FC5, #393469)
- Antique Ash color palette (#ECF7FF, #DBD9E4, #B4AEA3, #6EAAAA, #434C59)
- Wandering Apricot color palette (#EBF7FF, #6EBDDE, #E08C6D, #A0925F, #324551)
- Soft Navy color palette (#C7E5E6, #007A9A, #004A70, #00255B, #060032)
Browse the whole catalog at Explore, or see today's palette.