Softworn Pier color palette — #FBF4E9 · #B6B18A · #4F8156 · #754B5E · #4C4300
A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Sage (#B6B18A): A luminous, dusty green — the color of fresh herbs.
- Fern (#4F8156): A full-bodied, balanced green — the color of new leaves after rain.
- Coffee (#754B5E): A full-bodied, dusty rose — the color of pressed rose petals.
- Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Weathered Olive color palette (#E9F6EE, #B4B889, #6B7E34, #6D4D31, #122D23)
- Washed Chestnut color palette (#F6F6EE, #BDC5AB, #568D83, #935238, #46540A)
- Washed Cypress color palette (#FAF5E9, #A19C77, #3C7048, #594A00, #36362F)
- Dusty Iris color palette (#FBF5E2, #A6A364, #877CD0, #6E6900, #413A6B)
- Bronze Delta color palette (#FFE4CD, #C49E5E, #857700, #545E00, #13523F)
- Muted Indigo color palette (#FDF5D8, #8B8E42, #756EC3, #7456A3, #3A3831)
- Dusty Mint Quarry color palette (#EEF8F1, #CFDDA4, #88BB8A, #9889A6, #334740)
- Garnet Coast color palette (#EFECD8, #5EA565, #006A55, #800026, #083812)
Browse the whole catalog at Explore, or see today's palette.