Patina Cobalt Harbor color palette — #E7FAF5 · #9BD1C3 · #D0AA6C · #4991D4 · #514C46

Built around Cerulean, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#9BD1C3): A luminous, dusty teal — the color of sea glass.
• Camel (#D0AA6C): A luminous, balanced gold — the color of old brass.
• Cerulean (#4991D4): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#514C46): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Patina 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

• Patina Cerulean color palette (#EEF8EF, #89D3D8, #E69B8E, #009FA7, #534B48)
• Iris Quarry color palette (#FBF2FA, #DAB7D7, #B5B57A, #668BD0, #505024)
• Hushed Basin color palette (#EEF6FF, #D6D9F5, #ECC48E, #749ECA, #354D36)
• Turquoise Coast color palette (#FCF1FC, #E7D7D7, #AFAE9F, #71B5CB, #634C5B)
• Aged Driftwood Drift color palette (#FBF2F7, #D6D3B0, #7C77A4, #654054, #33272E)
• Muted Taupe color palette (#FFF0FC, #9EB0DE, #CD986F, #A69143, #4E3B4B)
• Blush Boulevard color palette (#EFF6FF, #8FB2E6, #CF7A9C, #4F73AA, #55475D)
• Patina Studio color palette (#FFF2EB, #DAC7B5, #BD8F80, #966569, #604100)

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