Cocoa Market color palette — #F3DACC · #774222 · #4B1600 · #230100 · #030100

Bronze and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Bone (#F3DACC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#774222): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4B1600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#230100): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#030100): a grounded near-black with real depth.

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

• Patina Cocoa Alley color palette (#ECDAE5, #9E5B33, #762800, #490500, #080200)
• Ancient Chestnut Veranda color palette (#FBE4D2, #A37E5D, #843F00, #551D00, #180B00)
• Fern Atelier color palette (#F7EEDD, #5C530C, #332900, #150D00, #010100)
• Worn Moss Canyon color palette (#E8DFC0, #889737, #605F00, #3F3600, #0D1500)
• Dusty Garnet Quarry color palette (#FFE3D1, #C39479, #A2502D, #772212, #2E1500)
• Ancient Cocoa Ridge color palette (#FCF0DE, #B8AA8B, #857347, #654509, #2C2103)
• Obsidian Aubergine color palette (#FFE8EC, #53005B, #001C1E, #250D0D, #000610)
• Cellar Garden color palette (#FFEADB, #724621, #461C00, #200500, #020100)

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