Softworn Pier color palette — #F9F5EB · #BFB89B · #8B814B · #7B550E · #4F4A00
A conversation between Coffee and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5EB): bright and airy, almost weightless.
- Stone (#BFB89B): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#8B814B): A full-bodied, dusty green — the color of a quiet forest floor.
- Coffee (#7B550E): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#4F4A00): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Tempered Chestnut Meadow color palette (#F2E6D7, #A89566, #885800, #633715, #33302A)
- Bronze Market color palette (#E7DED0, #857622, #594100, #3C2100, #161800)
- Antique Veranda color palette (#EBF9F1, #C0E3D2, #9CC0AC, #7A9C84, #374D45)
- Ash Chapel color palette (#E8FBEF, #AAD6C8, #7FA68E, #896A77, #394C4B)
- Washed Garnet color palette (#FBD6BC, #BF7C3C, #933E00, #750403, #392400)
- Washed Peony color palette (#FFF1F5, #DCABD5, #B76892, #854150, #653712)
- Washed Bronze Loft color palette (#FFF0F8, #8F87C0, #9B793E, #456A45, #493740)
- Chestnut Parlor color palette (#F6E6DD, #854611, #4F1600, #280003, #070200)
Browse the whole catalog at Explore, or see today's palette.