Cobalt Coast color palette — #F3F7ED · #A6CFC4 · #5079B3 · #005A7F · #4C2F49

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Pistachio (#A6CFC4): A whisper-light, dusty teal — the color of sea glass.
• Slate (#5079B3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4C2F49): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Antique Cerulean color palette (#F4F6ED, #A8D0B9, #3682A1, #005E67, #123F57)
• Washed Cobalt color palette (#F7F1EB, #ABD1C7, #6879B1, #005967, #22183E)
• Timeworn Petrol Veranda color palette (#FDF2F5, #BFD7F0, #8092CD, #00798B, #3C335C)
• Weathered Hollow color palette (#D0E8F4, #3AAAE6, #0076BC, #00488B, #382D60)
• Weathered Villa color palette (#FFF0FD, #F0C9E1, #BAA8EA, #4D6F96, #4E3348)
• Frosted Ridge color palette (#F7DAF5, #4777CC, #8F528F, #006868, #382237)
• Denim Dune color palette (#F9E8FA, #588FD6, #B55181, #0054A8, #512439)
• Tempered Atelier color palette (#EFF3E0, #579AB0, #00516C, #002F35, #001624)

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