Cerulean Pier color palette — #F4EBF3 · #6CD8DD · #0093BF · #286D40 · #172E4E
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F4EBF3): a clean, paper-quiet neutral.
- Ice Blue (#6CD8DD): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#0093BF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#286D40): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#172E4E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Antique Balcony color palette (#FAF2F8, #A3E0EA, #409FD5, #3E7A5D, #273B59)
- Cornflower Archive color palette (#FBE9EF, #9ACBEF, #6680D7, #006C6B, #33254D)
- Timeworn Grove color palette (#FDF3ED, #CEF0D3, #2BA0C4, #006D4F, #002039)
- Wandering Cobalt color palette (#EBD9E4, #73BDD7, #0076CE, #005B4A, #181649)
- Timeworn Bloom color palette (#EFF0E1, #80BEC2, #007684, #00504B, #003440)
- Weathered Powder Lantern color palette (#FAF3F8, #D5D5E8, #92B6D2, #5E9191, #475366)
- Hushed Magenta color palette (#F9DFFB, #C63FD5, #009161, #00716F, #211A35)
- Muted Denim color palette (#FBE9F4, #45A0B6, #005D93, #003D2D, #040229)
Browse the whole catalog at Explore, or see today's palette.