Softworn Cocoa color palette — #FDF4E4 · #D8B890 · #9F9262 · #367E64 · #614000
Bronze and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FDF4E4): A whisper-light, dusty gold — the color of old brass.
- Sand (#D8B890): A luminous, dusty gold — the color of afternoon light on wheat.
- Moss (#9F9262): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#367E64): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#614000): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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
- Petrol Cabin color palette (#FBF5E3, #B8C591, #7B9D75, #007D8F, #4F4900)
- Aged Amber color palette (#FFF3E6, #E7AEA6, #BC8365, #68763E, #4D4642)
- Muted Pewter color palette (#FBF4ED, #D2A87F, #87935D, #8A537F, #6A2E10)
- Ancient Taupe Villa color palette (#E9FBEB, #FFD4AA, #B69F6A, #457D7D, #364336)
- Weathered Harbor color palette (#F8F5EE, #D7D1BA, #A19D78, #A3713B, #5B4C00)
- Olive Boulevard color palette (#FFF4DB, #C2A633, #798700, #006964, #3C3600)
- Muted Chestnut Coast color palette (#FAF0E3, #B79563, #725200, #3C3731, #27201A)
- Moss Boulevard color palette (#EBDDB9, #A2941C, #597500, #005354, #262600)
Browse the whole catalog at Explore, or see today's palette.