Cerulean Pier color palette — #E4EFF7 · #218FB6 · #333B4D · #162026 · #060E10

Built around Cerulean, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Frost (#E4EFF7): bright and airy, almost weightless.
• Cerulean (#218FB6): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#333B4D): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#162026): quiet, heavy and certain.
• Ink (#060E10): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Weathered Archive color palette (#EAF5EF, #61A6C2, #64515F, #2C3C35, #1E231D)
• Cobalt Market color palette (#D1E5FA, #006EBB, #2E2148, #001124, #000407)
• Periwinkle Canyon color palette (#EBF2FF, #8798D9, #9E8C57, #887742, #1D273A)
• Worn Lagoon color palette (#ECF5ED, #A9CCC0, #5B8D8C, #4C6672, #223630)
• Deep Grove color palette (#D0E0F6, #0045C7, #413735, #181631, #000514)
• Cypress Coast color palette (#F6EFF5, #D1D3EB, #7CA2BA, #427573, #25374E)
• Worn Bloom color palette (#EBF2FF, #A1B0E9, #B79666, #5D6DAD, #1C391E)
• Weathered Cerulean color palette (#DFF6FF, #89C4E6, #638BC0, #575588, #383752)

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