Cobalt Coast color palette — #F3F6EE · #A0D1C3 · #507AAE · #005B7C · #293A5B

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

The five colors

• Ivory (#F3F6EE): bright and airy, almost weightless.
• Pistachio (#A0D1C3): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#507AAE): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B7C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#293A5B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt Coast 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

• Tempered Cobalt Orchard color palette (#F9F0E8, #A9D2C5, #627AB4, #005A64, #201743)
• Petrol Loft color palette (#F3F8E4, #7EC2E2, #0076AA, #005363, #00355A)
• Petrol Garden color palette (#FCF2F6, #BCD8F3, #7D93CD, #007A89, #3A335E)
• Hazy Cerulean color palette (#EBF8F8, #C6E4FF, #77B5FF, #0098CC, #263B59)
• Cypress Orchard color palette (#F5F6EC, #CAE4CF, #5695A4, #1E6F6E, #2F5040)
• Softworn Coast color palette (#E7EAD8, #489CB3, #00516A, #002F34, #001623)
• Weathered Olive color palette (#E7E8BF, #558A31, #007C82, #7F4E00, #2E2D05)
• Dusty Basalt color palette (#F4F9D7, #ABEEE7, #7CC0AA, #5A6E40, #3D4600)

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