Cerulean Pier color palette — #ECEFE5 · #3D80A6 · #003F65 · #001E27 · #000105

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

The five colors

• Cream (#ECEFE5): bright and airy, almost weightless.
• Cerulean (#3D80A6): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003F65): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001E27): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Navy color palette (#EBDDE3, #4B88AA, #00397B, #002223, #060226)
• Petrol Parlor color palette (#DBF0DA, #459CA6, #007997, #003932, #000200)
• Muted Petrol Field color palette (#EAEADC, #77C2C4, #007984, #004C44, #001A1F)
• Denim Thicket color palette (#F5ECE5, #6EAACD, #0051A8, #002B2C, #01000A)
• Forest Drift color palette (#D0E5D8, #006247, #003A2D, #00120E, #000201)
• Navy Station color palette (#E5F4E5, #004545, #00277A, #182800, #000202)
• Faded Cornflower Hollow color palette (#F0F4E9, #ABD4FC, #3382E3, #005D80, #0D214F)
• Cerulean Lantern color palette (#EBEEE1, #2984A1, #00415A, #001E24, #000103)

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