Cobalt Harbor color palette — #F7F5ED · #C3C67E · #537FB8 · #707138 · #352935

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

The five colors

• Ivory (#F7F5ED): bright and airy, almost weightless.
• Pistachio (#C3C67E): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#537FB8): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#707138): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#352935): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Washed Driftwood Summit color palette (#F3F7EF, #8CD2AF, #8072AE, #397C5E, #362A30)
• Hushed Lagoon color palette (#FAF4EE, #E5B687, #2B8D90, #8B643B, #283128)
• Pine Terrace color palette (#EBF4F3, #A2D1A9, #39938B, #4A8053, #08191C)
• Ancient Garden color palette (#FFF2EF, #7EB888, #3A819B, #754E47, #424B3D)
• Lagoon Archive color palette (#F4F6EF, #B1DFB5, #5BAC9E, #689B6D, #293026)
• Washed Loft color palette (#F4FBCC, #95D3A1, #41968F, #15637E, #2C4771)
• Antique Lagoon color palette (#F1F8EB, #339A7A, #746199, #574A70, #352F2B)
• Worn Celadon color palette (#F1F8EB, #DCF290, #68DFD5, #7399C8, #3A4C40)

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