Cocoa Field color palette — #E4DED9 · #BFB19E · #988C71 · #663500 · #110903
A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Bone (#E4DED9): bright and airy, almost weightless.
- Stone (#BFB19E): A luminous, dusty gold — the color of afternoon light on wheat.
- Caramel (#988C71): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#663500): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#110903): 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 Cocoa Field 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
- Patina Garnet color palette (#F3E9E7, #C4AEA4, #A18875, #7A1631, #130805)
- Basalt Chapel color palette (#EFE9E2, #A89F8A, #768258, #483200, #080300)
- Timeworn Boulevard color palette (#E7DEE2, #ABBFB0, #72978C, #6B320C, #2A1923)
- Antique Chestnut color palette (#F8F1E3, #DAD4BC, #9BB588, #6F5900, #211909)
- Muted Bronze color palette (#F6F1EC, #D7D8CF, #B9C1AD, #8E6E49, #322B22)
- Antique Chestnut Thicket color palette (#F3E1C3, #8F5500, #413D00, #002133, #090400)
- Airy Tangerine color palette (#ECE3D6, #FE7325, #A97A00, #5A6900, #070400)
- Forest Meadow color palette (#F2EEE0, #658447, #00531F, #4B1600, #040A00)
Browse the whole catalog at Explore, or see today's palette.