Cobalt Pier color palette — #E5FAFD · #5BB7A9 · #657DBF · #834861 · #4B3300

Slate Blue takes the lead with Turquoise close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#E5FAFD): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#5BB7A9): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#657DBF): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#834861): A full-bodied, balanced rose — the color of strawberry cream.
• Espresso (#4B3300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Balance. Tagged 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

• Tempered Jade color palette (#E6FAF6, #87B46B, #298BB5, #794A76, #4F300C)
• Gentle Turquoise Boulevard color palette (#E9F8FF, #38B6CF, #8F71AE, #8B4832, #28400A)
• Powder Study color palette (#E1FBFF, #A1CCDE, #8EA2B8, #8A738F, #644C5C)
• Powdered Periwinkle color palette (#E9F3FF, #6395E5, #A3537C, #694900, #003427)
• Amethyst Villa color palette (#CDEEFB, #009FAA, #6840E3, #880035, #2D2300)
• Antique Garnet Summit color palette (#E8FAF4, #7B9349, #106B93, #802201, #2F3F00)
• Aged Lagoon Bloom color palette (#D1EAF1, #00A4A5, #39515E, #1E3137, #0D1B1D)
• Worn Driftwood Hollow color palette (#ECF9ED, #A3D1B7, #8B9569, #517B77, #2C4A3A)

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