Cobalt Pier color palette — #F9EEF4 · #AACDE5 · #437FBE · #005B5A · #171D3F

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Sky (#AACDE5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#437FBE): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B5A): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#171D3F): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Wandering Balcony color palette (#EDF8F7, #A8CAE2, #0080BC, #005D6F, #1C3D5A)
• Weathered Petrol color palette (#EFE6EC, #8ABCCC, #007791, #004E33, #001829)
• Antique Dune color palette (#F6F0F4, #C5E2EA, #459BAD, #0D7043, #0D2F46)
• Wandering Cypress color palette (#E6F4FF, #D7D3F0, #C69FD1, #00747D, #0C223B)
• Hushed Sky color palette (#F4F7EC, #BFE0F0, #56B0E8, #007C93, #023053)
• Powdered Turquoise Harbor color palette (#CBEDE9, #00A7B4, #00708F, #004272, #061A42)
• Pale Boulevard color palette (#DAECFA, #479BC6, #B86111, #005D80, #2F1300)
• Lagoon Balcony color palette (#F4E6F1, #46989F, #005168, #002D1F, #00050D)

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