Cerulean Pier color palette — #FBF4EA · #97D0DB · #0084A9 · #006059 · #164438
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Sky (#97D0DB): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0084A9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#164438): A deep, shadowed, dusty teal — the color of sea glass.
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
- Muted Lagoon color palette (#FAF4EC, #A7D0BA, #0081BA, #005F62, #48314A)
- Frosted Sapphire color palette (#F3EEE6, #83B8DD, #0C67C0, #004E5B, #1E2B54)
- Turquoise Villa color palette (#F9F4EE, #C6EAE3, #63A4B9, #3F7B71, #385047)
- Timeworn Cerulean Villa color palette (#EBE5DC, #448C9E, #00425C, #002221, #000A17)
- Blush Summit color palette (#FFF0FA, #F4D0E9, #D590C1, #4C6A96, #553644)
- Linen Navy color palette (#F2EBE1, #5C95C3, #00439D, #002E39, #0A083E)
- Indigo Hollow color palette (#FCD9EE, #6D68D8, #B54200, #006C48, #3C2133)
- Frosted Nightshade Meadow color palette (#FAE8F5, #7987D5, #8F7700, #4149A8, #403400)
Browse the whole catalog at Explore, or see today's palette.