Softworn Harbor color palette — #F7F8D6 · #91B995 · #4E9A78 · #00735F · #3B5236

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

The five colors

• Custard (#F7F8D6): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#91B995): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4E9A78): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00735F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#3B5236): A full-bodied, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Softworn 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

• Dusty Pine color palette (#FFF4DB, #B5BE8E, #72934E, #437432, #4C4E47)
• Weathered Cerulean color palette (#E3F6DC, #81C1C3, #2591A1, #006A80, #31584B)
• Washed Seafoam color palette (#D7FFF6, #9FE6A8, #74C79C, #619F8E, #31565E)
• Wandering Pine Basin color palette (#F2F7EC, #89BDA7, #C3829E, #008764, #674240)
• Worn Lagoon Study color palette (#F1F8EC, #C8E7DE, #B5CFF6, #6D9E7A, #424F40)
• Linen Jade color palette (#D8F2E0, #00BD93, #008373, #005957, #123C56)
• Bronze Villa color palette (#EEF9E7, #6BA695, #8C7EBD, #AA612B, #3A4730)
• Bronze Boulevard color palette (#FBF4E7, #C1B899, #9A7B37, #73582E, #504900)

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