Patina Harbor color palette — #D3E5DE · #329962 · #00605C · #053966 · #001408

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

The five colors

• Silver (#D3E5DE): A whisper-light, dusty teal — the color of sea glass.
• Fern (#329962): A luminous, balanced teal — the color of sea glass.
• Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#053966): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#001408): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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

• Muted Coast color palette (#DBEDDF, #739021, #00633C, #003F4D, #0C1200)
• Hushed Delta color palette (#E2E3CE, #2EA577, #005A55, #002F45, #000201)
• Patina Alley color palette (#D8EDEE, #0EB093, #008277, #006268, #00140F)
• Garnet Alley color palette (#DBF5E1, #748E45, #00633F, #611540, #0B1200)
• Frosted Harbor color palette (#F4DEE6, #9F944B, #387100, #473A73, #1F1B00)
• Tempered Villa color palette (#D8EADE, #8EB274, #008664, #7B3F56, #00312A)
• Softworn Grape color palette (#E7E6F7, #673CDE, #006E2B, #005045, #080023)
• Washed Emerald color palette (#ECF9EE, #AFC581, #149F62, #8B5574, #0E4438)

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