Cobalt Pier color palette — #EDF9EF · #8FDAF9 · #0087CA · #00666B · #264164

Cerulean takes the lead with Ice Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Ice Blue (#8FDAF9): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0087CA): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00666B): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#264164): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Ancient Cobalt Corridor color palette (#EAFAED, #80C1E3, #0072BA, #00545D, #122F67)
• Cobalt Alley color palette (#FCEDF4, #91DCF8, #3785D5, #006453, #1F1E4B)
• Periwinkle Veranda color palette (#FFF2EA, #A7E6FF, #559EF3, #008471, #3A3B62)
• Sky Bloom color palette (#F4F7EA, #C1ECFF, #4FC3FF, #00A2BA, #00446B)
• Ancient Cerulean color palette (#DEEEE1, #459CB6, #005072, #003030, #00142B)
• Wandering Blush Pier color palette (#F3F4FF, #F2CEFF, #FD88C0, #5A6ABD, #474667)
• Violet Atelier color palette (#E6EAFF, #9350F7, #AB5A00, #00715F, #34294C)
• Linen Amethyst Hollow color palette (#DDEAFF, #7790FF, #7141FF, #5A2EAC, #4D3267)

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