Cobalt Pier color palette — #F2E5EC · #89BCD2 · #256ABD · #004C42 · #130D38

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F2E5EC): a clean, paper-quiet neutral.
• Ash (#89BCD2): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#256ABD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#130D38): 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

• Wandering Forest color palette (#EFE5F0, #91BBC7, #007695, #004F1C, #001631)
• Muted Petrol color palette (#E8F1EA, #8EB8D1, #006FA6, #004F53, #0D2D56)
• Cobalt Garden color palette (#FAEEF3, #B2CBE0, #6379B5, #005B59, #24183D)
• Nightshade Delta color palette (#F7E8ED, #81A0BE, #464BA5, #00393C, #130023)
• Soft Forest color palette (#F6EFF7, #A1DDDC, #0091B4, #006723, #002549)
• Wandering Denim Garden color palette (#F5E8F2, #5595A0, #004F73, #002D1C, #00001E)
• Cypress Basin color palette (#F7F0F3, #D5DBEC, #819DCC, #247A70, #2F354B)
• Plum Harbor color palette (#EAD6F1, #B33363, #006F57, #005257, #1D0009)

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