Cocoa Market color palette — #F2E6D4 · #A6956D · #77602E · #5E3B0F · #32302A

Cocoa and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F2E6D4): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#A6956D): A luminous, dusty gold — the color of old brass.
• Coffee (#77602E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5E3B0F): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#32302A): quiet, heavy and certain.

Feels like: 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

• Washed Quarry color palette (#EADFCF, #9A9D6A, #7C5F26, #622D0D, #191A00)
• Softworn Basalt Pier color palette (#FBF5E1, #A0AD83, #777544, #615021, #404000)
• Wandering Fern color palette (#FDF3E8, #BE9053, #22701A, #6D4600, #181A02)
• Chestnut Quarry color palette (#DBEEDE, #8FB9A8, #997C3B, #8B4412, #0B3833)
• Taupe Station color palette (#DEECE1, #CDC384, #BB984D, #9B7041, #1B372D)
• Muted Olive color palette (#FFE39F, #A39D53, #527100, #005016, #003C28)
• Dusty Bronze color palette (#FEEBD8, #9F5F00, #006D7C, #3C3A7E, #362108)
• Midnight Chestnut color palette (#F0E7DA, #695800, #3B2800, #1D0C00, #040400)

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