Cerulean Pier color palette — #ECF9F1 · #1799C0 · #587836 · #415430 · #31312A
Cerulean takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#ECF9F1): a clean, paper-quiet neutral.
- Cerulean (#1799C0): A luminous, balanced blue — the color of deep harbor water.
- Olive (#587836): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#415430): A full-bodied, dusty green — the color of new leaves after rain.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Hushed Veranda color palette (#E9F4F9, #55A0B2, #766A36, #365129, #021C20)
- Turquoise Grove color palette (#EAF9F3, #64AAD3, #7E864E, #447157, #2A372C)
- Worn Cerulean Dune color palette (#ECF9F0, #0096A6, #995040, #564E4A, #36342E)
- Worn Villa color palette (#FEF1F6, #8E6DBE, #6F6D2D, #515027, #2A3426)
- Periwinkle Villa color palette (#F4F8E0, #79ACE2, #8E688D, #595F13, #53424D)
- Aged Raspberry Garden color palette (#FFF1F2, #B850A2, #2A6C2C, #254F25, #132E24)
- Muted Moss color palette (#F3F4FE, #C7B4E7, #D7949C, #879948, #233340)
- Hushed Hollow color palette (#FAF2F8, #E6D8D6, #AEAFA3, #95778F, #575056)
Browse the whole catalog at Explore, or see today's palette.