Cobalt Pier color palette — #E2F3F1 · #ABC9DE · #008ED6 · #00687F · #002F56

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

The five colors

• Cream (#E2F3F1): bright and airy, almost weightless.
• Sky (#ABC9DE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008ED6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00687F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#002F56): 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

• Petrol Alley color palette (#ECF8F7, #BAD8F4, #6499D4, #00769D, #213A63)
• Hushed Azure Atelier color palette (#F3F8E7, #C9EBFF, #369ADB, #00677D, #011F3B)
• Patina Field color palette (#E2F3EE, #9DCED9, #00999D, #006E5B, #00353A)
• Tempered Drift color palette (#F5ECF0, #84B9D6, #1E68B9, #004F50, #242856)
• Weathered Cerulean color palette (#EEF7F7, #D8DBEA, #96B5D4, #4F90A9, #41546C)
• Cypress Market color palette (#D6E6E2, #619F9A, #006567, #003D31, #000C0E)
• Hazy Lagoon color palette (#DDEFF0, #009E76, #0085B5, #776A00, #00261A)
• Frosted Teal Thicket color palette (#ACF5F1, #29C3BC, #008885, #004A48, #001C1B)

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