Cobalt Pier color palette — #FFECF4 · #BD7C4D · #1C87C5 · #4F5FAD · #2F1422

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

The five colors

• Blush (#FFECF4): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#BD7C4D): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#1C87C5): A full-bodied, balanced blue — the color of open sky before noon.
• Slate (#4F5FAD): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#2F1422): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.

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

• Antique Canyon color palette (#E4F9E2, #B88136, #517ECC, #6957A7, #112310)
• Pale Harbor color palette (#FFEBF9, #C47563, #009195, #007A7D, #2D1427)
• Dusty Corridor color palette (#FFF1F7, #BD7437, #008F7B, #7256A6, #48303A)
• Sunlit Lantern color palette (#EBE6D8, #8D6D00, #0066B4, #454090, #140D00)
• Airy Boulevard color palette (#FFF2EB, #FF9B77, #918ACA, #4D85D4, #3D3632)
• Lagoon Veranda color palette (#E0F7F7, #369B71, #007E8A, #414A8E, #001F20)
• Weathered Basin color palette (#D1F7FD, #00907F, #476BB9, #7F29A6, #00181C)
• Pale Villa color palette (#FFF3E8, #E6AD81, #59BFAA, #9D7DDB, #3D250E)

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