Softworn Harbor color palette — #FEF1F5 · #B5B283 · #58804E · #5D5376 · #2F493D
Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FEF1F5): bright and airy, almost weightless.
- Sage (#B5B283): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#58804E): A full-bodied, balanced green — the color of a quiet forest floor.
- Graphite (#5D5376): A full-bodied, dusty violet — the color of twilight just after sunset.
- Forest (#2F493D): A deep, shadowed, dusty teal — the color of sea glass.
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 Stone color palette (#F6F2E4, #A8BC8A, #5C805B, #405C54, #2A2813)
- Olive Veranda color palette (#FFF1F6, #B1A45B, #437A00, #4A497F, #433B09)
- Stone Atelier color palette (#E7FBF1, #B9CD9B, #779A75, #5F7488, #324842)
- Stone Terrace color palette (#F5F3FF, #E8D7DF, #E5B47F, #6B7FAA, #53475D)
- Gentle Emerald Meadow color palette (#F5F3FF, #BB8BC5, #3DA86A, #7F428B, #0E4C4B)
- Patina Study color palette (#FAF3F9, #B9E4F4, #3895BF, #277249, #384960)
- Garnet Studio color palette (#DBF2E1, #7E9E50, #006C48, #6D234B, #223500)
- Softworn Corridor color palette (#FAF4EA, #DDD6AE, #90B98E, #A48695, #4D4200)
Browse the whole catalog at Explore, or see today's palette.