Softworn Cocoa color palette — #FFF1F5 · #8CB19A · #906941 · #764136 · #28433C
A conversation between Coffee and Walnut, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sage (#8CB19A): A luminous, dusty teal — the color of glacier melt.
- Walnut (#906941): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Coffee (#764136): A full-bodied, dusty orange — the color of sun-warmed clay.
- Forest (#28433C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Softworn Cocoa 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 Chestnut color palette (#EDF9F1, #A4BFB7, #898156, #775635, #304E4D)
- Aged Bronze Garden color palette (#FCEFE2, #C0A781, #946C3E, #67422D, #2B210A)
- Muted Cocoa color palette (#DEEDDD, #A09865, #805C2A, #702B14, #003A30)
- Wandering Drift color palette (#FFF3E7, #DED0A3, #CCA37D, #A37F6E, #463E00)
- Aged Fern Study color palette (#FFF1EE, #D0A379, #7F760C, #1C5E00, #004733)
- Hushed Delta color palette (#FBF2F8, #D3A191, #3C7F51, #A53200, #102928)
- Cocoa Drift color palette (#CBE7D0, #767B44, #594100, #431B00, #021D01)
- Nightshade Veranda color palette (#FFF0FA, #B76953, #00846A, #514297, #402B3A)
Browse the whole catalog at Explore, or see today's palette.