Softworn Cocoa color palette — #F5F6ED · #678C5E · #945758 · #783B00 · #34322B
Bronze takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Fern (#678C5E): A full-bodied, dusty green — the color of fresh herbs.
- Pewter (#945758): A full-bodied, balanced red — the color of a theater curtain.
- Bronze (#783B00): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#34322B): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Timeworn Bloom color palette (#F2F7EF, #529085, #945C27, #584E00, #32342D)
- Hushed Garnet Harbor color palette (#FBF4E9, #9F8855, #835789, #7F384A, #38322D)
- Plum Coast color palette (#EEF4EC, #499C91, #974D88, #614C19, #131D10)
- Antique Cypress color palette (#ECFAEB, #007D79, #6A4300, #343700, #182000)
- Aged Peony Drift color palette (#E9F9F8, #68B986, #BA6896, #746732, #243A39)
- Softworn Terracotta Terrace color palette (#F2F9DF, #0E8B3E, #9F0310, #543200, #1F2400)
- Garnet Pier color palette (#FCF2F7, #9692BF, #8C5F83, #873539, #5F3800)
- Ancient Studio color palette (#F2F8EA, #7EAED1, #6177A2, #74486B, #314E47)
Browse the whole catalog at Explore, or see today's palette.