Cerulean Pier color palette — #F4F6F0 · #C2E5D9 · #558FC6 · #006C8C · #573E57
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Celadon Mist (#C2E5D9): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#558FC6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006C8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#573E57): A full-bodied, dusty pink — the color of peonies in June.
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 Delta color palette (#F4F6EF, #BEE8D2, #2F95C2, #126E7B, #265144)
- Aged Studio color palette (#F7F0EA, #B5EAD7, #748EBB, #006B73, #3D2133)
- Cobalt Boulevard color palette (#F3F7E9, #98D7FD, #0086CE, #00637A, #19416B)
- Ancient Cabin color palette (#FDF2F6, #D7DEFC, #87A5D9, #338890, #3D4763)
- Worn Cerulean color palette (#ECF0E0, #338CAA, #00425C, #002127, #000A15)
- Washed Turquoise color palette (#E4E5DC, #53AEBC, #006275, #003E3E, #002330)
- Aqua Station color palette (#F5F7E6, #4DCCD6, #007C8C, #005652, #003947)
- Aged Teal color palette (#FAF4EE, #BEEDF1, #ABBCE9, #49AAA6, #5F3B4C)
Browse the whole catalog at Explore, or see today's palette.