Cocoa Market color palette — #FFF2EE · #E6D0CB · #E2BD81 · #ABB5A6 · #723815
A conversation between Bronze and Sand, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E6D0CB): A whisper-light, dusty orange — the color of autumn markets.
- Sand (#E2BD81): A luminous, balanced gold — the color of old brass.
- Ash (#ABB5A6): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#723815): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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
- Muted Chestnut Studio color palette (#FFEEE9, #FFC5B7, #E8AE82, #AE8859, #6A4B00)
- Dusty Hollow color palette (#FFF1F2, #EAD7C1, #C3C1A5, #8AAA9F, #5F4D5D)
- Weathered Atelier color palette (#FFF3E7, #E9DBD5, #ADDABA, #70BEBC, #5C4300)
- Ancient Boulevard color palette (#F8F5EA, #DDE1C4, #ADBB9D, #AE9198, #4E5200)
- Tempered Balcony color palette (#FFF1F3, #FCCCFE, #DFD2D9, #FDB5A3, #583E3C)
- Aged Taupe Field color palette (#FFF3E9, #FEC8A4, #A7CAF5, #D09B77, #5C435E)
- Timeworn Apricot color palette (#FFEEE7, #F19D96, #A26F3A, #7F4126, #281F1E)
- Faded Lime color palette (#FFF3E7, #FFD3D3, #FFBE8C, #B0C04A, #412B02)
Browse the whole catalog at Explore, or see today's palette.