Cobalt Pier color palette — #E2F2F2 · #9FCAEC · #4B8ACA · #006787 · #102C58

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

The five colors

• Cream (#E2F2F2): bright and airy, almost weightless.
• Sky (#9FCAEC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4B8ACA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006787): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#102C58): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Worn Cerulean color palette (#E0F3F0, #A0CCDB, #0097A9, #006D65, #00343F)
• Worn Lilac Orchard color palette (#E1EDFF, #C7D1FF, #B0A1EE, #3F78AC, #293852)
• Tempered Azure Cabin color palette (#F3F7EB, #CEE9FF, #4196E8, #006585, #091D3C)
• Airy Azure Terrace color palette (#BFE7F6, #01AEEB, #007AB6, #00558A, #013260)
• Weathered Sapphire color palette (#F6EBEF, #8EB7D6, #3963BC, #004F56, #2B2459)
• Weathered Cornflower color palette (#D9EBFF, #0488ED, #9B5CB0, #007A70, #03203C)
• Patina Turquoise Atelier color palette (#EBF8F6, #ACE6F2, #00ADD1, #008285, #00475E)
• Linen Periwinkle Canyon color palette (#F4EDE6, #AFDFCF, #71A2FF, #008F9A, #2A284E)

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