Cobalt Pier color palette — #FDF2F5 · #9ECBEC · #5777B4 · #005E66 · #303956

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

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Sky (#9ECBEC): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5777B4): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005E66): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#303956): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cerulean Field color palette (#FAF2F8, #8CD3D6, #0585A3, #0E6244, #173E59)
• Patina Cobalt Archive color palette (#FBEEF2, #AACCE8, #6279B8, #005B59, #24183C)
• Cobalt Cabin color palette (#FFF0F8, #38C9F8, #0072BA, #005652, #1B2B6D)
• Mallow Grove color palette (#EDF7FF, #D1D6FF, #D097CB, #337E8A, #374255)
• Muted Cypress Courtyard color palette (#FDF3EA, #B9DED1, #7F93CD, #007C7B, #3E3356)
• Softworn Cobalt color palette (#D0E8EA, #00B1D6, #0078B4, #1A4A85, #452E57)
• Cerulean Canyon color palette (#FAF4EB, #C4EADD, #88B4F1, #009CB8, #2E375F)
• Cerulean Workshop color palette (#F2DFEB, #329FB4, #005072, #003128, #001232)

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