Cerulean Pier color palette — #FAF4EB · #BBD7B8 · #00909D · #00694C · #004759
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Pistachio (#BBD7B8): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#00909D): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00694C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004759): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Faded Cobalt color palette (#FDF4E6, #9BD9EC, #008ABE, #006666, #004273)
- Aged Petrol Workshop color palette (#FEF4E4, #7DC6C7, #007C8D, #005845, #00394B)
- Hushed Hollow color palette (#F8F5EF, #CDE2DF, #61A4BC, #008074, #345147)
- Patina Parlor color palette (#FDEEEB, #9CDEDA, #0091B0, #066815, #002646)
- Antique Pine Market color palette (#FDF1FE, #A2EBE6, #00ADCF, #398536, #1F4262)
- Aqua Balcony color palette (#EEF8F0, #9CF7F2, #00CEE0, #27A87F, #004759)
- Antique Abyss color palette (#F7EEE0, #4A8B9E, #00425D, #002222, #000A18)
- Hushed Workshop color palette (#F1E8DB, #70A8BD, #005D8A, #003E40, #001F42)
Browse the whole catalog at Explore, or see today's palette.