Tempered Azure Pier color palette — #CEE9F5 · #4DC2F9 · #33A7EF · #2676BA · #223F66
A conversation between Cornflower and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#CEE9F5): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#4DC2F9): A luminous, balanced blue — the color of open sky before noon.
- Cornflower (#33A7EF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#2676BA): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#223F66): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Tempered 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
- Wandering Azure color palette (#D7E7EF, #15A4DF, #006A9C, #004172, #072244)
- Quiet Turquoise Pier color palette (#BFEBEB, #40D1DC, #00B0C6, #0089A1, #004458)
- Wandering Iris color palette (#CFE2FF, #9CB8FF, #8293F5, #6368BD, #383365)
- Pale Ultramarine color palette (#DEFCFF, #68D3FB, #00A1E2, #145DC3, #232152)
- Dusty Periwinkle color palette (#F0F5FF, #B7D1FF, #7AA6F7, #4670B6, #0A2151)
- Muted Periwinkle Loft color palette (#EFF6FF, #DED6E6, #E2AFC1, #6FA4D8, #344159)
- Azure Harbor color palette (#E4F0FF, #93C1FF, #F08CB8, #5592E3, #581C3A)
- Pale Periwinkle color palette (#D3E7FF, #76B0FF, #C98AD2, #00ACA5, #162C46)
Browse the whole catalog at Explore, or see today's palette.