Cerulean Pier color palette — #D4E5E7 · #0089A0 · #00485C · #00131E · #000104

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

The five colors

• Silver (#D4E5E7): a clean, paper-quiet neutral.
• Cerulean (#0089A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00485C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00131E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Lagoon Chapel color palette (#D3F4DE, #00926B, #004E42, #001311, #000202)
• Airy Lagoon Grove color palette (#CDF2E0, #009191, #006E8C, #003D66, #03001E)
• Tempered Lagoon color palette (#D4F2E0, #00B3B5, #0091AD, #005683, #000102)
• Washed Ash Garden color palette (#DFE8E0, #AFC0B3, #659BAC, #004546, #000200)
• Worn Alley color palette (#DBF0FF, #0077C7, #003A8D, #050049, #01000A)
• Washed Navy color palette (#DEEDF8, #6180A8, #39418D, #35072D, #040001)
• Aubergine Courtyard color palette (#CDEADE, #005C7F, #27007C, #130012, #000201)
• Muted Cobalt color palette (#E9F8FF, #39BEFF, #007ECB, #003F8B, #03004A)

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