Cerulean Pier color palette — #ECF4F2 · #AECDDB · #2E88A0 · #005B5D · #002432

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

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Powder Blue (#AECDDB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2E88A0): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002432): 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

• Antique Loft color palette (#E9F4F3, #D0D7EB, #6294B8, #00697F, #162E44)
• Abyss Drift color palette (#DBECEA, #537F95, #004255, #001F21, #000103)
• Cobalt Meadow color palette (#DFECEC, #8FB9D7, #0F6FB5, #00485E, #001434)
• Muted Cobalt Archive color palette (#FCF3EE, #ABCFB6, #0083B2, #006150, #49304B)
• Indigo Atelier color palette (#DBF2FF, #008AA7, #695FB9, #006E3B, #00171F)
• Tempered Denim color palette (#D5E2E0, #67A7BC, #006081, #00383F, #000C17)
• Turquoise Thicket color palette (#F5F6EC, #B9DFC5, #00A6C9, #007B7F, #1E4334)
• Softworn Alley color palette (#D7EDFA, #359EC1, #9F5DAF, #005E77, #2F0338)

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