Cocoa Market color palette — #FFF2EA · #BCA18B · #9B6345 · #7E3C27 · #423C37

Rust and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#BCA18B): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#9B6345): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#7E3C27): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#423C37): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Chestnut Study color palette (#FCF5E2, #B2A782, #7C7439, #634F0B, #3F3D36)
• Ancient Boulevard color palette (#F3E5DA, #B48E6C, #8C5328, #712C00, #342F2A)
• Weathered Driftwood color palette (#FFF0F8, #DAB791, #BA7F63, #8D5858, #2C4334)
• Hushed Mulberry Coast color palette (#FBF5E7, #90813C, #935C7E, #892E3F, #35332C)
• Bronze Alley color palette (#FCEDDE, #936E37, #633B00, #3F1E00, #1F1400)
• Antique Forest color palette (#F3F7E9, #B0B37F, #2E5D3E, #0E371E, #112115)
• Worn Villa color palette (#F7F6EA, #647E33, #8D4357, #692800, #31240D)
• Velvet Meadow color palette (#ECE4D6, #655A03, #362A00, #180F00, #040400)

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