Cobalt Pier color palette — #F3E4EC · #87BCD2 · #006FB5 · #004C47 · #081236

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

The five colors

• Blush (#F3E4EC): a clean, paper-quiet neutral.
• Ash (#87BCD2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#006FB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#081236): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Pier color palette (#F8EFF2, #AFCCE2, #497CC5, #005B5E, #1B1C3E)
• Dusty Petrol color palette (#DEF4F2, #79BCD7, #00719D, #004E5A, #00314F)
• Weathered Ultramarine color palette (#E6F0E5, #6EA1D0, #2F48BE, #003840, #0D0128)
• Patina Periwinkle color palette (#F7EFF3, #D7D1E5, #759FD2, #307878, #2E3647)
• Antique Cerulean Villa color palette (#EFE3EC, #169BAC, #00506D, #002D22, #00040F)
• Chalky Azure Corridor color palette (#C5F9FD, #76E0E5, #43A0E9, #3C6C31, #001E24)
• Navy Ridge color palette (#EFE3E7, #4C7EA3, #092E90, #001F22, #010009)
• Powdered Plum Orchard color palette (#C7E9EB, #009672, #BE0C74, #00543E, #280014)

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