Cerulean Pier color palette — #B2FDF0 · #60BBBE · #1D87A3 · #004C6E · #002250

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

The five colors

• Sea Foam (#B2FDF0): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#60BBBE): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#1D87A3): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C6E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002250): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Soft Terrace color palette (#CEFED8, #68C0A3, #068E86, #005058, #002431)
• Muted Onyx Coast color palette (#D6F7FF, #73BCE2, #4476B2, #354186, #271259)
• Ancient Navy Pier color palette (#DFFFD5, #73B9A8, #007F97, #005282, #372D7F)
• Navy Terrace color palette (#E1FCD5, #77CFD6, #26A5C4, #006A9B, #003879)
• Wandering Teal Thicket color palette (#E4F8E8, #3DAFAF, #25739A, #6C3040, #002734)
• Pale Navy Alley color palette (#D8F2F4, #00A4CB, #006595, #002A73, #0D003E)
• Aqua Grove color palette (#E1F6FF, #7FF1CE, #26CCDD, #468DC8, #082838)
• Aged Lagoon Dune color palette (#EBF4F6, #D2D7DD, #B7BBC7, #3D827D, #212F32)

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