Weathered Harbor color palette — #F6F6ED · #C0C9A5 · #4EA08F · #6A784E · #3D4800

Deep Olive and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Pistachio (#C0C9A5): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#4EA08F): A luminous, balanced teal — the color of glacier melt.
• Walnut (#6A784E): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#3D4800): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Muted Driftwood Villa color palette (#FEF3E9, #D2C2A5, #8A965D, #4A7E68, #563E00)
• Patina Lagoon color palette (#F7F6EB, #96C1A0, #449080, #2F6C81, #313A00)
• Ancient Cabin color palette (#F5F7E7, #B3E3BE, #7EBC9D, #909371, #3D4800)
• Teal Basin color palette (#EAF9F4, #B1EEE3, #6AAD9E, #5B7F74, #243E3C)
• Worn Spruce color palette (#EBEBD7, #499473, #00605B, #214200, #00140B)
• Worn Lagoon Pier color palette (#E6FBEE, #F4DAD6, #D7C8F6, #44A38E, #2F5245)
• Forest Bloom color palette (#F3EADB, #717B46, #06550E, #003331, #050700)
• Olive Lagoon color palette (#FEE7CE, #BCAB5E, #688400, #006B52, #372D00)

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