Cerulean Pier color palette — #F8F0ED · #B5CFBD · #4482AD · #005E42 · #141E3E
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8F0ED): bright and airy, almost weightless.
- Pistachio (#B5CFBD): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#4482AD): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005E42): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#141E3E): A deep, shadowed, dusty violet — the color of wild irises.
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
- Forest Delta color palette (#FFEDE9, #68CFCD, #007E9D, #00561A, #001A36)
- Cornflower Market color palette (#FCEFE7, #9DDAF5, #3B82DF, #006357, #221B4F)
- Cypress Balcony color palette (#F6F0EC, #C9E3D7, #728EBB, #006E63, #402033)
- Sapphire Garden color palette (#F1E7DE, #98BDAF, #4065BE, #004C48, #190B35)
- Hushed Cerulean color palette (#FAF4EB, #A8D1B3, #0085A7, #006158, #194337)
- Ancient Teal color palette (#D8EDDC, #33AFA2, #00737B, #004D63, #00204F)
- Aged Workshop color palette (#FCF2FA, #AEDDF1, #499ED2, #088057, #293B58)
- Feathered Rust Field color palette (#D2F1DE, #008AA5, #B6460B, #774C00, #00171E)
Browse the whole catalog at Explore, or see today's palette.