Worn Cocoa color palette — #FFF1CD · #A9B28F · #718F72 · #765957 · #71390C
Built around Bronze, softened by Eucalyptus — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF1CD): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#A9B28F): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#718F72): A luminous, dusty green — the color of fresh herbs.
- Graphite (#765957): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#71390C): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Worn 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
- Weathered Bronze color palette (#F8F7DA, #BED0B8, #7F978C, #9E5C43, #6F4600)
- Chestnut Harbor color palette (#FDF4E6, #B2B574, #5E7E51, #775106, #504100)
- Sunlit Teal Villa color palette (#E7EFDB, #47AC8A, #007C96, #7D3438, #5C2700)
- Ash Pier color palette (#FFF1F6, #B2D1C4, #84AAB3, #836E84, #5E4A5F)
- Timeworn Harbor color palette (#AFF6D1, #3EC5D4, #5F85AF, #7A4F40, #643B2D)
- Hushed Chestnut color palette (#D6EACC, #68ACC2, #8F6D87, #754D03, #474200)
- Weathered Turquoise Meadow color palette (#E0E7D9, #35B0BC, #516999, #66401A, #37362F)
- Raspberry Parlor color palette (#ECFBDE, #00A07C, #AF588F, #905656, #363933)
Browse the whole catalog at Explore, or see today's palette.