Cobalt Pier color palette — #FAF4EE · #A7CFC3 · #6373B7 · #005F61 · #403256

Slate takes the lead with Peacock close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Pistachio (#A7CFC3): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#6373B7): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
• Navy (#403256): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, 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

• Softworn Pier color palette (#FBF3F1, #B5CCB8, #2083AA, #006435, #1F3A64)
• Cobalt Canyon color palette (#EEF4EF, #A6CCED, #497ACC, #00586C, #141F3A)
• Softworn Periwinkle color palette (#FAF4EC, #ADE1D2, #6395E7, #007892, #4C3045)
• Pine Lagoon color palette (#FAF3F0, #CDE3D2, #5892B4, #0D744C, #5A3C57)
• Antique Lantern color palette (#FFF3EA, #75C3E5, #0069D6, #00574C, #301B79)
• Pewter Cabin color palette (#FFF2EE, #FFD8BD, #AFB271, #895599, #403935)
• Muted Spruce color palette (#EEDCD7, #4D8D8B, #004455, #002505, #000919)
• Patina Terrace color palette (#FCF2F5, #C5E5FF, #9AAEF4, #2E9D9E, #353756)

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