Azure Pier color palette — #CCF6FF · #009FCB · #006796 · #003667 · #02094C
Built around Cerulean, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#CCF6FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#009FCB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006796): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003667): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#02094C): A deep, shadowed, balanced violet — the color of wild irises.
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
- Aged Teal color palette (#D9F0E9, #00A69F, #006C76, #004150, #002030)
- Tempered Navy color palette (#D5F6FD, #00B4DC, #007EB5, #005893, #112C78)
- Nightshade Summit color palette (#BAE9E6, #009DB2, #006996, #002BA6, #371F6D)
- Antique Nightshade color palette (#C5ECFE, #0092DD, #0062BA, #2100B2, #17004C)
- Dusty Ultramarine color palette (#D7E8FF, #5B9AFF, #0053C7, #002E5F, #00081E)
- Quiet Wisteria color palette (#E7F2FF, #CAD1FF, #CB8CFF, #006E93, #0C2046)
- Cobalt Courtyard color palette (#D6E7F6, #008DDB, #A75B00, #00507F, #251000)
- Timeworn Lapis Pier color palette (#DAEBFA, #539FFF, #4749FF, #3927A1, #2C194F)
Browse the whole catalog at Explore, or see today's palette.