Cerulean Pier color palette — #FBF4EA · #B0CEB2 · #298597 · #00624E · #0B4054
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Pistachio (#B0CEB2): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#298597): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00624E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#0B4054): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Patina Cobalt color palette (#F8F5EF, #A7CFC1, #447ABC, #005D6E, #2D385D)
- Antique Courtyard color palette (#FBEFEB, #AFD2B1, #0088AE, #006029, #07203E)
- Ancient Cypress color palette (#E3FDEB, #B7DFD0, #9DB2E0, #00766D, #1F4431)
- Wandering Teal color palette (#D6EDE2, #3FB2A3, #007D7B, #00505A, #1A3250)
- Muted Azure Cabin color palette (#FBF2FA, #ABDEEE, #00A4D3, #228044, #263C56)
- Tempered Abyss color palette (#ECE6DD, #678A6E, #004453, #00231D, #000B13)
- Feathered Plum color palette (#D2ECD9, #008999, #9C4399, #705700, #13331F)
- Airy Rust color palette (#E4F4E6, #00A1AA, #BD524B, #006369, #5F1A18)
Browse the whole catalog at Explore, or see today's palette.