Cobalt Pier color palette — #FCF2F6 · #97CDEE · #5676BB · #00605B · #333857

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Sky (#97CDEE): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5676BB): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00605B): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#333857): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Aged Cobalt Bloom color palette (#FFF0F9, #45C9EF, #0070C1, #005747, #292A64)
• Aged Forest Courtyard color palette (#FAF2FB, #8ED4CF, #22859D, #31602D, #1D3D59)
• Timeworn Cobalt Boulevard color palette (#F0F3EA, #A5D3C3, #4B80B0, #005870, #042042)
• Ash Coast color palette (#FBF2F6, #D9DFF0, #849AC0, #437882, #4D5264)
• Timeworn Station color palette (#FAF4EE, #C9E8DC, #88B3F5, #009FA7, #343560)
• Ancient Jade Bloom color palette (#E1E7DA, #1EB464, #007F6D, #00585B, #003F54)
• Aged Hollow color palette (#D5FFFF, #00B7B7, #007673, #004240, #00292C)
• Cerulean Basin color palette (#FAE8F6, #2F9FB2, #004F76, #003220, #060E37)

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