Cobalt Pier color palette — #ECF4ED · #A1CEEE · #447DC4 · #005969 · #101F3C

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#ECF4ED): bright and airy, almost weightless.
• Sky (#A1CEEE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#447DC4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005969): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#101F3C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt 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

• Muted Cerulean color palette (#ECF4ED, #A1D0DD, #008C9A, #005E45, #002435)
• Softworn Cobalt Field color palette (#FEF3E8, #9ACCED, #5F76AE, #00605C, #3D3359)
• Washed Lilac Archive color palette (#E8F3FF, #DED1F2, #BD9FDA, #226E8D, #1C293C)
• Cerulean Workshop color palette (#D9E7DC, #229AAF, #00516B, #002C29, #00050C)
• Wandering Azure color palette (#CAF2FB, #00A3CF, #006C99, #004079, #0D193D)
• Washed Periwinkle color palette (#FAF4EC, #B1DAF9, #6D98CF, #1D788A, #4C2F47)
• Tempered Plum color palette (#D6E9FF, #007DDC, #BC3355, #426811, #021529)
• Tempered Delta color palette (#DEEAE0, #4E7DA6, #00308E, #001E27, #01000B)

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