Weathered Harbor color palette — #C4F092 · #5FB548 · #007535 · #003521 · #000302

Clover and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Butter (#C4F092): A whisper-light, balanced green — the color of fresh herbs.
• Clover (#5FB548): A luminous, vivid green — the color of fresh herbs.
• Pine (#007535): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#003521): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000302): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Softworn Grove color palette (#E7ECCE, #8DB428, #387400, #023807, #000502)
• Weathered Corridor color palette (#EDF4C2, #52A012, #00653D, #003041, #000600)
• Teal Bloom color palette (#CFE8D9, #00B594, #007568, #003231, #000506)
• Patina Marigold color palette (#FFDE9F, #C09D00, #6B6100, #2E3200, #020400)
• Washed Workshop color palette (#EAE5D6, #94AB3E, #009C2F, #00644E, #001719)
• Ancient Drift color palette (#E5E0D0, #658000, #00531B, #00241D, #000707)
• Patina Pine Alley color palette (#D6FBFA, #009256, #00585F, #002646, #020200)
• Wandering Canyon color palette (#D6FFF9, #B5E539, #55C715, #009D6B, #000301)

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