Cobalt Pier color palette — #F1F6FB · #DBD7E2 · #C8B9CE · #4D83BF · #303C48

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

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DBD7E2): a clean, paper-quiet neutral.
• Stone (#C8B9CE): A luminous, dusty pink — the color of neon signs at night.
• Cerulean (#4D83BF): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#303C48): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ash Pier color palette (#F0F6FD, #DAD7E5, #C5BDD3, #86A0CD, #343B44)
• Aged Petrol color palette (#F9F3F8, #E6D4D7, #C1ACB9, #486492, #423641)
• Timeworn Lantern color palette (#DCF3FF, #9BB6D4, #8C8DB4, #657330, #1B5355)
• Dusty Study color palette (#F3F5FD, #DFDBEE, #CBB3DA, #8653DD, #2D314A)
• Weathered Alley color palette (#E2E7F6, #7571D6, #403A5B, #192037, #060E17)
• Muted Summit color palette (#F6F4FB, #E8D5DE, #D5B7BD, #B95EB3, #423C50)
• Ultramarine Veranda color palette (#DEE2E9, #C0C3D3, #A5A1B8, #2B56C3, #16202F)
• Olive Boulevard color palette (#ECFAEC, #B9B78A, #6B8C50, #5A5E91, #123F2D)

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