Cerulean Pier color palette — #D7E8E6 · #4B8A9F · #00425A · #002226 · #000B14

Storm Blue takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7E8E6): bright and airy, almost weightless.
• Storm Blue (#4B8A9F): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#00425A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Hushed Veranda color palette (#E5E9D6, #51AECD, #007FAA, #005C67, #000A15)
• Dusty Denim Pier color palette (#F5E7DE, #42A0BC, #005D90, #003C36, #00022C)
• Washed Pine Cabin color palette (#DDF0E9, #7A9761, #2C7D45, #333000, #0A1300)
• Eclipse Fern color palette (#D2ECDF, #555500, #00474E, #222200, #000709)
• Frosted Cobalt color palette (#E2F2F2, #97B5D1, #1C69B6, #004C67, #132C59)
• Hushed Lagoon Terrace color palette (#EFF7F5, #ABCBD4, #008892, #006155, #00434D)
• Aged Basin color palette (#D8E5E3, #4D8B95, #004452, #002222, #000B11)
• Hushed Navy color palette (#D7E9E8, #6085A0, #004064, #00212A, #000A18)

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