Softworn Harbor color palette — #FFF3EA · #A8AC7B · #3C8770 · #7C4466 · #484841
A conversation between Coffee and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3EA): bright and airy, almost weightless.
- Sage (#A8AC7B): A luminous, dusty green — the color of new leaves after rain.
- Fern (#3C8770): A full-bodied, balanced teal — the color of glacier melt.
- Coffee (#7C4466): A full-bodied, balanced pink — the color of peonies in June.
- Charcoal (#484841): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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
- Weathered Denim Field color palette (#FEF3E7, #C59F7E, #707F43, #604E84, #4B4741)
- Weathered Terracotta Veranda color palette (#FFF2EC, #80B697, #318397, #894131, #3F4C39)
- Hushed Delta color palette (#E4F7EF, #8FB985, #408967, #275871, #1B312F)
- Tempered Petrol color palette (#F9F4EF, #CDE3E5, #AE8CAB, #0B7D86, #67475A)
- Chestnut Meadow color palette (#F9F5EB, #C6C2A4, #658C6C, #7F6117, #574E00)
- Garnet Field color palette (#FFF2EB, #6B9D36, #006F6A, #840030, #104023)
- Worn Straw color palette (#FFF1F6, #C7DB8B, #6DC0AE, #8D86A8, #354D4A)
- Worn Pine color palette (#F5D7C8, #328C3C, #00585E, #64001B, #002C1E)
Browse the whole catalog at Explore, or see today's palette.