Cocoa Market color palette — #FAF4EA · #E6CE9C · #8F7B44 · #644700 · #302A20

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EA): bright and airy, almost weightless.
• Wheat (#E6CE9C): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#8F7B44): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#644700): A full-bodied, balanced gold — the color of old brass.
• Onyx (#302A20): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Tempered Chestnut color palette (#F9F5EC, #D9BC88, #78580A, #3C3832, #24261C)
• Weathered Pine Workshop color palette (#F3F7EC, #DCC188, #2F8456, #3B4900, #202319)
• Driftwood Drift color palette (#EFF8F1, #C8DCCA, #6B9076, #354D3C, #141E17)
• Weathered Quarry color palette (#F8F5ED, #D7D4A5, #1BB39F, #968F43, #293026)
• Antique Bronze Balcony color palette (#F2E7CE, #936E00, #322C00, #1A221C, #070600)
• Muted Marigold Orchard color palette (#E1DFCA, #C99E38, #4A5E00, #232E00, #0E0B00)
• Worn Alley color palette (#EFF2E0, #B68B19, #005512, #002204, #020300)
• Muted Study color palette (#F6F5EF, #D6DCD6, #A6B6B4, #A19D79, #53534C)

Browse the whole catalog at Explore, or see today's palette.