Softworn Pier color palette — #F9F5EC · #D0BF8F · #76854E · #816A22 · #2F2E27
Built around Walnut, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5EC): a clean, paper-quiet neutral.
- Sand (#D0BF8F): A luminous, dusty green — the color of fresh herbs.
- Olive Leaf (#76854E): A full-bodied, dusty green — the color of a quiet forest floor.
- Walnut (#816A22): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#2F2E27): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Softworn Pier 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
- Washed Garden color palette (#F5F6EE, #A8CC9F, #398E78, #4C7B41, #2A3025)
- Tempered Bronze Delta color palette (#F7F1EA, #DEBD99, #1B9688, #9E6200, #0F190B)
- Tempered Field color palette (#FEF6CF, #B2C396, #729464, #38683C, #00504C)
- Wandering Fern color palette (#FBF5E2, #A0AF75, #60815C, #25636F, #4F4A00)
- Ancient Cabin color palette (#F7F5EE, #D7DBD4, #A3B0B0, #968038, #565248)
- Amber Terrace color palette (#FBF2F5, #F3C1D1, #4EAF9A, #BE7C1C, #193236)
- Twilit Fern color palette (#ECE5D3, #645D00, #033204, #211E00, #020200)
- Moss Corridor color palette (#F9F6E6, #A0AC17, #007A31, #555C00, #01250A)
Browse the whole catalog at Explore, or see today's palette.