Tempered Cobalt Pier color palette — #EDF9EF · #87DBFE · #0087CC · #00656C · #254066
A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF9EF): bright and airy, almost weightless.
- Ice Blue (#87DBFE): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#0087CC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00656C): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#254066): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Tempered Cobalt 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
- Weathered Cerulean Workshop color palette (#EEF8F0, #86E0DF, #008FA1, #006951, #02475B)
- Misty Cobalt Atelier color palette (#F9EEF4, #99DAF7, #2C87D4, #00625F, #15204E)
- Wandering Garden color palette (#EAFAED, #5CC4F8, #0071BD, #00545E, #122E6A)
- Periwinkle Veranda color palette (#FFF2EA, #A9E5FF, #4BA1ED, #00837E, #2C3B74)
- Ancient Cerulean color palette (#D3E3D6, #3E9CBA, #004F73, #003031, #00142C)
- Ash Lantern color palette (#F0F7F1, #DADDEE, #7E9AC6, #4E7488, #485367)
- Quiet Thicket color palette (#FFE2EB, #E4007F, #6C7B00, #006796, #492230)
- Wandering Courtyard color palette (#F9F2FF, #FB2DA6, #00947B, #9C2268, #004539)
Browse the whole catalog at Explore, or see today's palette.