Cocoa Market color palette — #FFF2EC · #E7D8C4 · #CCC297 · #946B5E · #783E18
A conversation between Bronze and Sand, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#E7D8C4): A whisper-light, dusty gold — the color of old brass.
- Sand (#CCC297): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#946B5E): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#783E18): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Cocoa Market 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
- Driftwood Study color palette (#FFF2F0, #E1D8D0, #E4B1AB, #9B6F88, #5D4743)
- Tempered Cocoa Lantern color palette (#FFF3E7, #DCDCCA, #95C1B7, #A28670, #6B4400)
- Patina Basalt Meadow color palette (#FFEEE6, #E2D7BC, #DBBA87, #9D6976, #502000)
- Washed Chestnut color palette (#FFF4E1, #B4A776, #837045, #6F4900, #3F3D36)
- Gentle Straw Courtyard color palette (#FFF4E1, #FEEE87, #B7C968, #956721, #49453F)
- Tempered Marigold color palette (#FFF3E9, #FFC279, #CD9D00, #934121, #4E2B00)
- Antique Bronze color palette (#FEEAE2, #E29359, #AB6C00, #7A1F1C, #321000)
- Sunlit Olive Terrace color palette (#FBF4EB, #D4A74C, #6F7600, #7B5900, #272417)
Browse the whole catalog at Explore, or see today's palette.