Cerulean Pier color palette — #E6F4FE · #3787AB · #313E4B · #192B37 · #13161C

A conversation between Cerulean and Onyx, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E6F4FE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3787AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#313E4B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#192B37): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#13161C): quiet, heavy and certain.

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

• Dusty Azure color palette (#E7F6EE, #2FA9D6, #674F64, #2C3C35, #1F231F)
• Washed Sky color palette (#E8F6EF, #45C5FD, #6A817A, #4A5852, #1E2320)
• Timeworn Indigo color palette (#E0E3F7, #7A5FB0, #302E4A, #1B1D32, #0F0B15)
• Twilit Meadow color palette (#D1E0EE, #59645D, #00314E, #1C1721, #000410)
• Weathered Hollow color palette (#EFF6FF, #7E99C3, #A577A7, #008886, #334359)
• Velvet Nightshade color palette (#DAE6FA, #264BAD, #14143B, #1A0C14, #00071E)
• Worn Denim Boulevard color palette (#EDF6FF, #93B6DF, #5981BC, #43609D, #3F4C68)
• Weathered Lagoon color palette (#EEF8F5, #A7C9C4, #628D6D, #3C6F73, #38534F)

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