Ancient Cocoa color palette — #FCE8D7 · #A18139 · #763B00 · #460009 · #010100

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

The five colors

• Cream (#FCE8D7): A whisper-light, dusty gold — the color of old brass.
• Caramel (#A18139): A luminous, balanced gold — the color of old brass.
• Bronze (#763B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#460009): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Ancient Cocoa 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

• Tempered Moss Thicket color palette (#F4ECDC, #7B9040, #5D4B00, #361900, #000200)
• Airy Garnet color palette (#FAE0C8, #AE9853, #8A4F00, #600A06, #030400)
• Aged Bronze Courtyard color palette (#FFF2EB, #D8A871, #A86046, #6E2E3E, #191100)
• Weathered Amber color palette (#FFF2E9, #DDC39F, #B77954, #7A484A, #2A2000)
• Frosted Pier color palette (#FFF4DB, #BCDE8F, #A4922F, #825420, #03311A)
• Inked Ember color palette (#D2E5D2, #DA6457, #003233, #031113, #000202)
• Aubergine Market color palette (#E4EED9, #00A778, #711595, #004831, #040001)
• Airy Delta color palette (#D7E7DA, #006D75, #810F74, #480040, #000102)

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