Cobalt Pier color palette — #F9EFF2 · #A2CDEE · #6077C0 · #005B5A · #24193A

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

The five colors

• Ivory (#F9EFF2): a clean, paper-quiet neutral.
• Sky (#A2CDEE): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#6077C0): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005B5A): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#24193A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Airy Cobalt Thicket color palette (#FEECF6, #68CAED, #0071D0, #005345, #150F43)
• Tempered Corridor color palette (#EDF9EF, #9BCCF0, #4C79B6, #005D6E, #2A3A59)
• Softworn Cerulean color palette (#F5F0F5, #96D5D5, #0089AD, #205D2F, #06213E)
• Antique Indigo color palette (#D1F1EE, #4FA763, #676AE3, #006729, #151442)
• Worn Iris Villa color palette (#FBF4ED, #A7DCFF, #7593DA, #257A76, #512D40)
• Aged Denim color palette (#F6E9F2, #4497A8, #004E78, #002D1F, #01001D)
• Nightshade Field color palette (#F1DFE5, #477DAC, #29199F, #001F20, #020007)
• Timeworn Bronze Ridge color palette (#DAFAF0, #99F0E9, #70B7DA, #8F5F26, #082D2B)

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