Cobalt Pier color palette — #EBF7DE · #67A3D1 · #4767B2 · #643258 · #2B1D2D

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

The five colors

• Cream (#EBF7DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Cornflower (#67A3D1): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4767B2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Mulberry (#643258): A deep, shadowed, balanced pink — the color of a candy shop window.
• Onyx (#2B1D2D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Balance. Tagged retro.

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

• Indigo Coast color palette (#FFEEE8, #8B96DC, #745AA4, #6E2F3B, #311A28)
• Timeworn Turquoise Harbor color palette (#F0F5E0, #30AFBD, #00759A, #4D3B6B, #11281B)
• Wandering Coast color palette (#FFF1F5, #00A9C7, #5864A4, #674621, #2B4050)
• Washed Hollow color palette (#D4E8E2, #1179C6, #3E283D, #041A16, #020806)
• Ancient Sky color palette (#E4F7F1, #C7DEFE, #6EBEFF, #6E8ED2, #2E1A31)
• Sky Lantern color palette (#D8FEFE, #5EBCF4, #6687BD, #7E5278, #2B3F52)
• Muted Iris Hollow color palette (#FFF3E4, #73DEF2, #768ED8, #7D5D27, #17392D)
• Hushed Coast color palette (#F4DDF1, #C9ABBE, #8D7EAD, #75534E, #581C02)

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