Softworn Harbor color palette — #FFF2EC · #DDBB98 · #858445 · #277037 · #005948
A conversation between Pine and Walnut, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Sand (#DDBB98): A luminous, dusty gold — the color of afternoon light on wheat.
- Walnut (#858445): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#277037): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#005948): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, 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 Forest color palette (#FFF2F0, #E0B8A3, #A87F4C, #5F6100, #0D561B)
- Moss Meadow color palette (#DCFCDC, #D2BE82, #88923D, #436225, #003512)
- Washed Loft color palette (#FFF4E1, #C6C199, #55956D, #006C67, #004F64)
- Muted Harbor color palette (#FFF2EA, #CC9C7C, #66814B, #694981, #4B4741)
- Ancient Olive color palette (#EEE1C1, #5C8C12, #005A3E, #002F2F, #001B29)
- Ancient Olive color palette (#FFDDBF, #C2A23C, #597C00, #00583D, #003E41)
- Driftwood Loft color palette (#F9F4EF, #D8DBD5, #9FAFB2, #9E7B46, #58514A)
- Hushed Driftwood color palette (#F6F2E5, #818139, #354300, #2D2819, #17160E)
Browse the whole catalog at Explore, or see today's palette.