Cobalt Pier color palette — #F9F0EA · #B0DCC3 · #3C88C9 · #00644F · #1B1D50

Cerulean takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#B0DCC3): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3C88C9): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00644F): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#1B1D50): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Softworn Workshop color palette (#F7F0ED, #CCE3D0, #5A96B5, #1B6F45, #3A2239)
• Soft Cornflower color palette (#F8F0E8, #ADD4F9, #6C7AD1, #006165, #30124D)
• Cobalt Quarry color palette (#FCF4E8, #91DBF1, #008ABE, #006666, #14426B)
• Sapphire Canyon color palette (#FCEFE7, #7AC7E7, #1170D1, #005347, #180052)
• Aged Station color palette (#CFF1E4, #00B4AD, #007F92, #00466A, #00245D)
• Aged Azure Studio color palette (#FEF1F9, #A9E6F9, #29A1FC, #008569, #343A6C)
• Aged Denim color palette (#FBE9E1, #5C94A0, #004E79, #002D1F, #01001D)
• Misty Amber color palette (#DBFBE6, #00ABC5, #C76300, #006777, #361600)

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