Cerulean Pier color palette — #F9F4ED · #CAE5CA · #4E97A3 · #2F705B · #324F41
Built around Storm Blue, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Celadon Mist (#CAE5CA): A whisper-light, dusty green — the color of new leaves after rain.
- Storm Blue (#4E97A3): A luminous, dusty blue — the color of open sky before noon.
- Pine (#2F705B): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#324F41): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean 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 Lagoon color palette (#FEF4E4, #8DE0DA, #00909C, #00694B, #004858)
- Cerulean Archive color palette (#FAF4EB, #B8E9D7, #668DBA, #196E7C, #573E53)
- Weathered Ash color palette (#F9F4ED, #C1EFEE, #72A596, #59775F, #5D4C5D)
- Muted Cerulean Atelier color palette (#F2E6D3, #00A2B0, #005266, #00302A, #001623)
- Tempered Teal color palette (#EFF7F5, #CAE1F7, #80CCD3, #1CAF9C, #09515C)
- Petrol Garden color palette (#F6EDDF, #6DC1C6, #00758A, #005143, #003346)
- Aged Delta color palette (#F2F9DB, #C4EFF1, #98D3DA, #717D54, #43550F)
- Chalky Pine Pier color palette (#F0FBD2, #7DCC92, #288656, #165128, #113B20)
Browse the whole catalog at Explore, or see today's palette.