Cocoa Market color palette — #F3E1D3 · #774309 · #441D00 · #1F0600 · #020100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#F3E1D3): A whisper-light, dusty gold — the color of old brass.
• Bronze (#774309): A full-bodied, balanced gold — the color of old brass.
• Espresso (#441D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1F0600): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

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

• Timeworn Chestnut color palette (#F2E8DC, #9D824E, #734C00, #492800, #130D00)
• Tempered Bronze color palette (#F7E5ED, #A15B00, #6C3300, #401400, #000500)
• Fern Thicket color palette (#E7ECDE, #5A5D00, #2B333A, #001A0B, #000201)
• Onyx Thicket color palette (#F1EEDD, #2B2D00, #310019, #1A0200, #020100)
• Linen Bronze Grove color palette (#FBE5CF, #C19862, #995A00, #693300, #271900)
• Eclipse Drift color palette (#DCE9DC, #006565, #222C4E, #002424, #000201)
• Inked Aubergine color palette (#CCEADD, #003B53, #440054, #270018, #000103)
• Worn Chestnut Ridge color palette (#F9F0E6, #CCB89C, #A07B4E, #7C4B11, #332B1D)

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