Cobalt Harbor color palette — #EAF5EC · #50ACB7 · #4E72AC · #5A3F69 · #202C13

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

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Cyan (#50ACB7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4E72AC): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#5A3F69): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#202C13): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Petrol Courtyard color palette (#F0F3EB, #61AE8D, #007F95, #384A77, #2E2701)
• Dusty Pewter Grove color palette (#F7EFF5, #859AD3, #875E9D, #6F384B, #392110)
• Wandering Pier color palette (#E9F9FB, #07AF9E, #86618A, #76414A, #2D4B32)
• Ancient Petrol color palette (#F1F3EC, #C2E4E4, #70A3C5, #2E7687, #213C35)
• Antique Cerulean color palette (#D8FAE3, #82CBE3, #0090B8, #1E668A, #1A3A30)
• Chalky Lapis Hollow color palette (#DEF9EE, #008EC3, #533DC4, #62005C, #001D19)
• Weathered Grove color palette (#E6F1E7, #00959C, #2A4233, #152217, #0A0D0A)
• Timeworn Teal color palette (#E7F9FD, #22CBC0, #6092B8, #74693A, #194B49)

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