Cerulean Pier color palette — #F7F1E7 · #B6CFB8 · #258A9D · #005D4C · #00281A
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F7F1E7): a clean, paper-quiet neutral.
- Pistachio (#B6CFB8): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#258A9D): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D4C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#00281A): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Worn Cerulean color palette (#FBF0E0, #94DDF0, #008FBE, #00625F, #002744)
- Muted Lagoon Workshop color palette (#C7EFDD, #00A597, #007C7D, #004F5A, #00232D)
- Timeworn Lantern color palette (#E8E1D5, #4A8389, #004352, #00201B, #000103)
- Petrol Villa color palette (#F0E8DB, #93BFAA, #0071AC, #004A4F, #001435)
- Softworn Quarry color palette (#DDFBE5, #B2E2FF, #97B6F4, #347C77, #032B1D)
- Weathered Plum Workshop color palette (#D5E6DA, #008B9D, #984E92, #705800, #001A09)
- Wandering Cypress color palette (#F5F1EA, #C9E1DA, #82A78C, #3F7864, #253C31)
- Worn Pier color palette (#E9E2D8, #58AAB8, #00617C, #003A35, #000C17)
Browse the whole catalog at Explore, or see today's palette.