Cerulean Pier color palette — #EBF8FD · #2EA0B4 · #AE667A · #7E552C · #2D4049

Cerulean and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF8FD): bright and airy, almost weightless.
• Cerulean (#2EA0B4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mocha (#AE667A): A full-bodied, balanced red — the color of a theater curtain.
• Coffee (#7E552C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#2D4049): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Periwinkle Hollow color palette (#EEF6FF, #6F9BD1, #925B82, #73481E, #234A47)
• Aged Delta color palette (#EBF8F8, #5DA083, #956E9F, #844D4F, #2C4242)
• Washed Bronze Orchard color palette (#EFF6FF, #6C91CC, #B16A42, #65622B, #343E4B)
• Softworn Orchard color palette (#E5F5FB, #1CA8B2, #A57663, #745267, #15252B)
• Dusty Turquoise color palette (#EAFAEC, #00C2CA, #C58C72, #9D6E58, #354136)
• Muted Cerulean color palette (#F0F6FB, #D9D9E1, #B8A8AC, #68869E, #4C545A)
• Soft Brick Meadow color palette (#ECF7FF, #0080B1, #C10319, #5C4700, #0A2E45)
• Washed Lantern color palette (#EFF6FB, #93CADB, #8271B0, #0D7992, #2B2D3A)

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