Cerulean Pier color palette — #F5F6EE · #BEE8CB · #3897B1 · #077072 · #334F42
A conversation between Cerulean and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EE): bright and airy, almost weightless.
- Celadon Mist (#BEE8CB): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#3897B1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#077072): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#334F42): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, 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
- Washed Cerulean color palette (#F3F7EC, #B9E8DA, #608DC1, #366981, #553F54)
- Feathered Cerulean Cabin color palette (#F5F7E4, #7BE0ED, #008EA6, #006665, #00475A)
- Wandering Veranda color palette (#E9EDD8, #009EC5, #00516E, #002F35, #001625)
- Tempered Ridge color palette (#F1F7F2, #CCE1FF, #74AEC6, #3C8981, #304B61)
- Petrol Dune color palette (#EEF0E6, #76BDD2, #007394, #004F55, #003249)
- Ancient Cypress color palette (#F4F6EE, #C4E8EC, #AB8DAE, #4B7A67, #5F4B5E)
- Iris Market color palette (#FFF0FB, #8399F1, #2E9E86, #5160A3, #0B4E40)
- Weathered Basin color palette (#FFF0F9, #817AD7, #A86083, #1B748A, #45313D)
Browse the whole catalog at Explore, or see today's palette.