Weathered Harbor color palette — #FBF4EB · #BFCA9C · #709B7C · #886772 · #4D4300

Deep Olive takes the lead with Eucalyptus close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Pistachio (#BFCA9C): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#709B7C): A luminous, dusty teal — the color of shallow lagoons.
• Pewter (#886772): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Olive (#4D4300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Cerulean Meadow color palette (#F6F7E1, #82CCB8, #0097A9, #8F5563, #2E4120)
• Aged Chestnut Workshop color palette (#FDF4E8, #B0BB85, #5B8E68, #825B17, #37362F)
• Worn Ridge color palette (#FCF4E7, #D7D9A5, #98B96D, #AE8577, #504100)
• Washed Field color palette (#EEF8EE, #B4E9EC, #70AF7B, #727390, #253E35)
• Fern Parlor color palette (#FDF7CD, #D3D290, #979B52, #596A21, #2A3000)
• Lilac Corridor color palette (#FFF5D8, #B1A84D, #9B8ADA, #9E67A4, #3A3831)
• Weathered Fern color palette (#FFF4E0, #D0EBCF, #A5DCFB, #B98976, #574A00)
• Patina Amber Dune color palette (#FFE4D9, #E2A766, #A99129, #62762B, #2F4D2F)

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