Cerulean Pier color palette — #FFF2EE · #77DFE4 · #0086AE · #005528 · #000C23
A conversation between Cerulean and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ice Blue (#77DFE4): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#0086AE): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005528): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#000C23): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Airy Alley color palette (#FFF2E9, #87D8FF, #4679C9, #00524A, #0E012E)
- Petrol Grove color palette (#FAEBE1, #35CAED, #006BAF, #003F30, #010014)
- Timeworn Field color palette (#FFF2EB, #B9F0FF, #5298D0, #006D52, #141941)
- Patina Studio color palette (#D8E6E3, #78D1D4, #00A5B5, #007E74, #00242C)
- Cypress Workshop color palette (#E8E9D9, #65AAAB, #00646D, #003A34, #000D11)
- Aged Workshop color palette (#FBF3EE, #D6D5E3, #81A9DD, #008170, #412336)
- Clover Field color palette (#DBFFED, #00CD7F, #007241, #002B18, #000200)
- Byzantium Canyon color palette (#EAF3D0, #27BD6A, #943AC0, #005E2F, #10001A)
Browse the whole catalog at Explore, or see today's palette.