Softworn Harbor color palette — #F9F0E5 · #B7B785 · #608048 · #664C5C · #2E2711

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F0E5): bright and airy, almost weightless.
• Sage (#B7B785): A luminous, dusty green — the color of fresh herbs.
• Fern (#608048): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#664C5C): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#2E2711): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Timeworn Olive Hollow color palette (#FFEFDE, #BBA847, #5B7700, #474674, #272000)
• Ancient Lagoon Chapel color palette (#F4F2E5, #9ABE9D, #0C896F, #3F5D4C, #262A13)
• Driftwood Market color palette (#EDF9EE, #C8C898, #7D996A, #67718A, #34483E)
• Ancient Cerulean Basin color palette (#F7F0ED, #C9E5C7, #009FB6, #326C49, #123328)
• Fern Lantern color palette (#EAE0D5, #9A8E50, #465F00, #353161, #191100)
• Jade Villa color palette (#FFECF2, #B492D8, #23AC6C, #75479D, #00301A)
• Stone Corridor color palette (#FFECF1, #E3D5CD, #EEAE98, #7576A9, #412829)
• Shadow Olive Thicket color palette (#E8E0D4, #646F00, #074306, #210E4A, #020300)

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