Weathered Cocoa color palette — #F4EFEA · #BBB2A5 · #958D77 · #643700 · #140700
Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F4EFEA): bright and airy, almost weightless.
- Stone (#BBB2A5): A luminous, dusty gold — the color of afternoon light on wheat.
- Eucalyptus (#958D77): A luminous, dusty green — the color of fresh herbs.
- Bronze (#643700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#140700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Weathered 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
- Wandering Cocoa Basin color palette (#F4ECF0, #ACBEB1, #74968E, #6B3300, #271B21)
- Antique Bronze Bloom color palette (#ECE5DB, #A5A092, #877E34, #473200, #080300)
- Garnet Canyon color palette (#EBE0DC, #BEB0A9, #9F8876, #810029, #170502)
- Weathered Chestnut Pier color palette (#F8F1E3, #D8D4C2, #ADAF88, #6C5A00, #231800)
- Softworn Chestnut color palette (#E7DFD3, #8C5700, #3F3E00, #002134, #090400)
- Muted Forest Dune color palette (#F3EFDD, #668255, #005226, #491800, #030A00)
- Faded Amber color palette (#F9E8CB, #E37A28, #9F7200, #476000, #080500)
- Quiet Quarry color palette (#F5DFC1, #787A46, #335934, #092B5B, #130436)
Browse the whole catalog at Explore, or see today's palette.