Patina Harbor color palette — #C6F9D3 · #70BEB5 · #008DAD · #794B6A · #5F3B33

A conversation between Cerulean and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#C6F9D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#70BEB5): A luminous, dusty teal — the color of sea glass.
• Cerulean (#008DAD): A full-bodied, balanced blue — the color of deep harbor water.
• Graphite (#794B6A): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#5F3B33): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Cerulean Harbor color palette (#F3EBAD, #73B59C, #4681A6, #72443C, #4E1D16)
• Dusty Lagoon Villa color palette (#EDEBB0, #93C18D, #00907A, #5B5084, #60394A)
• Cobalt Basin color palette (#B2F6FB, #7DB8DC, #6679BE, #814644, #504A44)
• Washed Mint Canyon color palette (#F5F0C0, #7CCCA3, #5EA1BE, #935D4C, #643729)
• Navy Lantern color palette (#9EF8E6, #80DEDE, #86B7CC, #8088BD, #503D74)
• Frosted Scarlet Boulevard color palette (#E0FEE6, #00A7B4, #E72500, #006972, #60251B)
• Hushed Teal Basin color palette (#D5E9E1, #00B4A4, #008082, #005C68, #004658)
• Misty Atelier color palette (#CCE6E4, #478AA1, #205BA3, #631D2E, #3C210C)

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