Cobalt Pier color palette — #FBEDF6 · #7881B6 · #6E5E8C · #6B3A44 · #171D0D

Slate Blue and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#FBEDF6): bright and airy, almost weightless.
• Slate Blue (#7881B6): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6E5E8C): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#6B3A44): A full-bodied, dusty red — the color of late-summer berries.
• Ink (#171D0D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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

• Azure Study color palette (#EAF5F1, #5C9AC4, #437698, #6E3546, #171A0C)
• Ash Quarry color palette (#FBEEEF, #B77BAB, #925A80, #6A421D, #071D13)
• Teal Thicket color palette (#FCF0E0, #68BCBB, #6876A3, #684C1E, #1D3127)
• Antique Cobalt color palette (#FCEDF5, #5F74C0, #735200, #553C00, #0D1402)
• Mulberry Villa color palette (#EFF8F0, #519199, #8A4C71, #743F0C, #31332C)
• Feathered Byzantium color palette (#FFECF1, #884EAE, #863352, #611100, #000D02)
• Antique Onyx color palette (#E7F9D5, #91CCD2, #648CB1, #444E83, #3A1649)
• Weathered Aqua color palette (#E9F8FD, #7ACCD0, #B787A6, #8D6143, #142F2D)

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