Weathered Harbor color palette — #D3EAE1 · #589F72 · #00635D · #53244C · #001808

Fern and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D3EAE1): A whisper-light, dusty teal — the color of sea glass.
• Fern (#589F72): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#00635D): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#53244C): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#001808): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered 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 Emerald color palette (#CBEDE6, #3BA265, #00644F, #5A2D40, #00302F)
• Worn Cabin color palette (#E8F5F1, #7BAD94, #007375, #4F3E5E, #022122)
• Misty Canyon color palette (#DFEBDF, #8F934B, #00681B, #412B61, #131300)
• Aged Field color palette (#F6F7E7, #94CAA4, #008B6F, #6F4053, #151B00)
• Timeworn Lagoon Basin color palette (#EAF5F0, #9CCECC, #3A938D, #675C74, #1D3635)
• Worn Summit color palette (#DCECE2, #447817, #004130, #34033A, #010400)
• Gentle Teal color palette (#D8F4D5, #CDD798, #47BA94, #873D43, #03230E)
• Amber Studio color palette (#FAEBCD, #AC8C00, #6D5400, #302400, #0A0500)

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