Cerulean Pier color palette — #EDF7FC · #2099B4 · #82538C · #5E5205 · #27363D

Cerulean and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF7FC): bright and airy, almost weightless.
• Cerulean (#2099B4): A luminous, balanced blue — the color of deep harbor water.
• Slate (#82538C): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Olive (#5E5205): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#27363D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Patina Chapel color palette (#EBF8F8, #4C906A, #785A9F, #674F1D, #283A39)
• Mulberry Garden color palette (#ECF7FF, #3C88AA, #9D3F5C, #2A5C38, #27353E)
• Antique Cerulean Lagoon color palette (#EAF5EE, #059CB6, #8E5771, #604222, #191C0C)
• Softworn Cobalt color palette (#E7FBEE, #6DB6B8, #6472B4, #665922, #384A56)
• Weathered Turquoise color palette (#EAF8FE, #41ACC7, #B3758C, #8A606F, #253634)
• Mulberry Corridor color palette (#EEF6FF, #0078C8, #890078, #3C4400, #042541)
• Muted Cobalt color palette (#ECF7FF, #0086BB, #8E4D00, #004E55, #1C2D39)
• Cerulean Terrace color palette (#F0F6FA, #DADAE2, #B7A7A9, #62889C, #4C5458)

Browse the whole catalog at Explore, or see today's palette.