Cocoa Market color palette — #FAF4EE · #CCC0A3 · #78885B · #5E6B52 · #614900
A conversation between Bronze and Eucalyptus, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4EE): bright and airy, almost weightless.
- Sand (#CCC0A3): A luminous, dusty gold — the color of honey in a jar.
- Eucalyptus (#78885B): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#5E6B52): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#614900): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Olive Field color palette (#F7F5EE, #D9D1B3, #92A46E, #7E833C, #5B4C00)
- Hushed Basin color palette (#EAF5EE, #ABCCBE, #7B8A58, #4B6863, #25352F)
- Antique Stone Dune color palette (#EFF8EE, #BFE9D2, #AABE90, #879FA2, #3F5248)
- Muted Lagoon color palette (#E8E6D5, #568764, #005145, #003444, #00220C)
- Obsidian Spruce color palette (#F1E1CB, #616125, #163300, #001C18, #060600)
- Wandering Corridor color palette (#FBEAD6, #776C29, #2B3F00, #16125C, #131000)
- Timeworn Petrol Harbor color palette (#EBF9F3, #81B8D6, #BB8F61, #007CAA, #524C46)
- Hushed Orchard color palette (#FCF4E7, #9BAB6F, #197E31, #005D5C, #354003)
Browse the whole catalog at Explore, or see today's palette.