Cobalt Pier color palette — #F6F1EC · #AAD1C5 · #6576BE · #005B5C · #27153E

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

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Oat (#AAD1C5): A whisper-light, dusty teal — the color of sea glass.
• Slate (#6576BE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005B5C): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#27153E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cerulean Station color palette (#FBEFEB, #B2D1B6, #1887B1, #005F33, #061F45)
• Cobalt Corridor color palette (#FAF4EB, #A2CAEA, #4A78BD, #005D70, #30385C)
• Airy Sapphire color palette (#FFEEE3, #75C8EA, #006EDB, #005348, #1A0051)
• Periwinkle Quarry color palette (#EEF8F0, #DAD5E0, #76A7F0, #007C94, #242B4D)
• Ancient Cobalt color palette (#F2E7DA, #B1894B, #0086BC, #724D00, #001F30)
• Timeworn Cypress Pier color palette (#F7F1EC, #C8E3E6, #B290AB, #007B79, #492C39)
• Spruce Station color palette (#F5E3DE, #62ABA9, #00627A, #003D0E, #000B1C)
• Faded Balcony color palette (#FDECCF, #9A7600, #0076AD, #405292, #1D1200)

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