Cobalt Harbor color palette — #F4F6EF · #9BCFA7 · #607DB0 · #477B54 · #352A34

Slate takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Pistachio (#9BCFA7): A luminous, dusty teal — the color of glacier melt.
• Slate (#607DB0): A full-bodied, balanced violet — the color of wild irises.
• Olive (#477B54): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#352A34): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Timeworn Basin color palette (#F1F7F1, #90CDCF, #8B70A0, #1B7B7F, #38292E)
• Pewter Quarry color palette (#F8F5ED, #CEBF97, #428A8F, #746F34, #263127)
• Patina Grove color palette (#ECF4F4, #99CED5, #3F8FA4, #00856F, #08181F)
• Lagoon Boulevard color palette (#F3F6F1, #C3D9B4, #56AAB8, #00A487, #243228)
• Teal Bloom color palette (#FFF2EC, #68B9AB, #4D7D9E, #794C41, #3A4D3E)
• Weathered Terrace color palette (#DDFFE8, #8BC8C3, #4C8EA0, #18638A, #32437A)
• Garnet Coast color palette (#D4E4DC, #007395, #5B004B, #002B3B, #050004)
• Aged Aubergine Summit color palette (#E6F3E9, #008695, #44119B, #003940, #040015)

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