Azure Pier color palette — #D8FFF5 · #A3CFFF · #5B92CE · #345D89 · #0F2F4D
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D8FFF5): A whisper-light, dusty teal — the color of sea glass.
- Sky (#A3CFFF): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#5B92CE): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#345D89): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#0F2F4D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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
- Gentle Iris Loft color palette (#FFF0F9, #BCC1FF, #8485D0, #56568D, #2A2B52)
- Glacier Bloom color palette (#E5F9FF, #62DEFD, #31A2BE, #006980, #003844)
- Denim Canyon color palette (#D8FFF3, #DFDEF8, #5DA5DF, #005F9B, #001C36)
- Weathered Ridge color palette (#EEF6FF, #C0DDFF, #74B8F7, #3880CB, #012E54)
- Tempered Cornflower color palette (#D8E8FF, #3580FF, #0054B6, #002258, #00020A)
- Stone Market color palette (#FEF0FF, #DCD3DB, #DBAEC9, #729F90, #564855)
- Lilac Thicket color palette (#FFF0F7, #A28AF6, #C6737F, #307B86, #412B36)
- Ancient Peony Cabin color palette (#FDF2F5, #D4B4F6, #CA6C96, #906FB2, #301F1E)
Browse the whole catalog at Explore, or see today's palette.