Cocoa Market color palette — #FFF3E4 · #CC9A8B · #9B6B43 · #4A6233 · #6D3705

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Camel (#CC9A8B): A luminous, dusty orange — the color of autumn markets.
• Walnut (#9B6B43): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#4A6233): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#6D3705): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Dusty Bronze Harbor color palette (#FDF4E5, #C1A17F, #8A7536, #22684B, #4C4741)
• Dusty Chestnut Ridge color palette (#FFF3E8, #CD95AA, #A16366, #6F5500, #5B403B)
• Timeworn Driftwood color palette (#F5F6ED, #BEC4AA, #758B49, #8A5922, #485406)
• Washed Blush color palette (#F8F1E2, #D994AA, #9E6B45, #225876, #382821)
• Bronze Lantern color palette (#F8EDD9, #AC7C1F, #675B00, #004C3C, #34302A)
• Wandering Alley color palette (#E9FAEF, #EAA8BD, #BB845D, #417596, #504250)
• Tempered Stone color palette (#FFF1F5, #FFBEB1, #D8A07D, #659889, #54414D)
• Aged Canyon color palette (#F2E8D2, #7D6200, #3F4000, #002B26, #1B1600)

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