Cocoa Market color palette — #F7F6E6 · #85A57C · #3E7048 · #703C05 · #35362F
Bronze and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F6E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#85A57C): A luminous, dusty green — the color of new leaves after rain.
- Pine (#3E7048): A full-bodied, balanced green — the color of new leaves after rain.
- Bronze (#703C05): A full-bodied, balanced gold — the color of old brass.
- Espresso (#35362F): quiet, heavy and certain.
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
- Antique Meadow color palette (#F9EAC8, #999632, #566200, #663400, #313000)
- Olive Market color palette (#F4F7E9, #8EBCA2, #617E40, #7A4F0C, #384A00)
- Hazy Boulevard color palette (#FFEAD8, #C7782A, #248D5E, #804500, #004127)
- Aged Cypress color palette (#F5F2E6, #8CAA84, #007755, #593762, #0B2205)
- Hushed Hollow color palette (#FFF3E5, #ECD3AF, #BAB584, #915A2F, #5D3E00)
- Amber Boulevard color palette (#FFF2E3, #CA9648, #845600, #4D2F00, #321D00)
- Antique Pine Chapel color palette (#EDEFD9, #448C55, #005233, #472500, #002209)
- Worn Pewter color palette (#E8FAF2, #9CC097, #4A9076, #755485, #0A3E39)
Browse the whole catalog at Explore, or see today's palette.