Cobalt Pier color palette — #FFF2EB · #57C8EA · #0074B3 · #00564F · #1B2F61

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sky (#57C8EA): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0074B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#1B2F61): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Weathered Sapphire color palette (#FFF3E8, #6CC2F8, #0161EA, #00555A, #2D2A60)
• Feathered Aqua Meadow color palette (#E4F6F4, #33CEF9, #007CA5, #005059, #001C2E)
• Antique Cobalt Drift color palette (#FAF4F0, #ABCFB8, #0081B8, #006153, #4A304A)
• Pale Pier color palette (#F4F7E7, #6BDBFF, #0099CA, #00707D, #003753)
• Antique Denim Chapel color palette (#F3E7DF, #66A9C5, #005A98, #003E3C, #111A44)
• Feathered Orchard color palette (#EAFAED, #A3E5FC, #27B7FB, #009799, #003460)
• Ash Courtyard color palette (#FAF4EF, #C8E9EA, #779CC9, #2E7C7C, #5F4B59)
• Nightshade Bloom color palette (#EBE0D2, #6294C3, #2633B0, #002F36, #18003E)

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