Cocoa Market color palette — #FEF3E4 · #B3A77E · #8C6D31 · #784213 · #3F4000

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#FEF3E4): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B3A77E): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#8C6D31): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#784213): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3F4000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Bronze Studio color palette (#FFF2EA, #C2A178, #A35D40, #714149, #403D36)
• Chestnut Balcony color palette (#F3E6D4, #9B9A67, #825B02, #67341B, #31312A)
• Gentle Cabin color palette (#FFE9FE, #E698AA, #B55218, #6B4400, #3B4400)
• Patina Canyon color palette (#EAFAEC, #B2DCC6, #C2A97A, #A77E61, #20453C)
• Weathered Olive Corridor color palette (#EEE4D3, #717E22, #574200, #411D00, #001D04)
• Gentle Pier color palette (#FCF2F3, #D694D0, #8B6900, #8A3C85, #2C2211)
• Moonless Chestnut color palette (#EFE1D8, #785007, #4B1B00, #280008, #050300)
• Pale Plum Lantern color palette (#FFF2EF, #B64D66, #705F00, #004572, #38201B)

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