Cobalt Pier color palette — #F8EFF2 · #AFCBE4 · #5A7ABB · #005A62 · #1E1941

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

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Lilac Frost (#AFCBE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#5A7ABB): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005A62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1E1941): 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

• Patina Cobalt Field color palette (#EFF7F7, #B3C8DB, #3D7BBC, #005B7A, #253A5E)
• Forest Workshop color palette (#F7EFF4, #A0D1DE, #2589A0, #005F3A, #002337)
• Patina Cobalt color palette (#FFEBF6, #6BC9EF, #0075C4, #00524F, #0A0456)
• Wandering Periwinkle Balcony color palette (#F4F6EF, #C0E0F4, #72AAE9, #13799F, #3E233D)
• Ancient Boulevard color palette (#F6E8F1, #3698AD, #004F73, #002C25, #000412)
• Weathered Navy color palette (#D9E1D8, #567CA1, #212F85, #001E24, #020008)
• Gentle Ridge color palette (#D2F2E6, #899A4C, #A05FA7, #4E5D00, #2F0634)
• Timeworn Courtyard color palette (#CDF6ED, #5C8B3C, #815AA1, #774382, #001915)

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