Softworn Cocoa color palette — #FBF4EC · #DDD0AE · #8FA477 · #8D7586 · #604A00
Bronze takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Wheat (#DDD0AE): A whisper-light, dusty gold — the color of old brass.
- Moss (#8FA477): A luminous, dusty green — the color of fresh herbs.
- Driftwood (#8D7586): A full-bodied, dusty pink — the color of a candy shop window.
- Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Fern Summit color palette (#F6F6EE, #CCD6B7, #64ABA0, #698578, #44550C)
- Dusty Stone color palette (#FBF2F6, #C5E8D1, #8DC2B5, #9897AE, #425148)
- Muted Chapel color palette (#FFF1F4, #D9B5E8, #9EBE73, #A677B9, #4E4D46)
- Weathered Lagoon color palette (#F9F6E6, #96C198, #129679, #74577B, #343A00)
- Cerulean Workshop color palette (#F9F4EF, #C7DEEF, #9EAFE2, #4793A2, #624A56)
- Gentle Fern Delta color palette (#F9EBD8, #8A8823, #326100, #3A296C, #111000)
- Tempered Moss Market color palette (#FFF1F6, #B8A6E0, #A5AD47, #51A29A, #503B44)
- Softworn Emerald Thicket color palette (#F6EAD3, #A3B655, #029125, #674A8C, #2A3200)
Browse the whole catalog at Explore, or see today's palette.