Cobalt Pier color palette — #C7EBCF · #59BEE4 · #0083CA · #325894 · #57364C

A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#C7EBCF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#59BEE4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0083CA): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#325894): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#57364C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

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

• Linen Orchard color palette (#D5F2CF, #39B5BE, #0080A0, #03588B, #324263)
• Worn Indigo Harbor color palette (#C0F4E2, #7AA7EA, #5A70D9, #5D4A8C, #5D3950)
• Softworn Sky color palette (#CAEEFF, #4EC7FE, #469CD7, #43739D, #5B425D)
• Linen Lantern color palette (#B5E9FF, #36B0EC, #127CBA, #1C4E77, #152A44)
• Ancient Amber color palette (#FEF0FE, #72A2E1, #D67218, #1E5EAB, #47413C)
• Quiet Cobalt Alley color palette (#FFEFFF, #A2BCFC, #4A6ABE, #1B4680, #1D2C52)
• Washed Ultramarine color palette (#D9EEF9, #019CE9, #004EDF, #4700B0, #3F1868)
• Muted Villa color palette (#E4FBF4, #E6DCEF, #EFB8F1, #308395, #5F4A5A)

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