Cocoa Archive color palette — #FCF3EB · #ECCC9C · #9D744E · #6F4100 · #322921

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

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Wheat (#ECCC9C): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#9D744E): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#322921): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Hushed Chestnut Loft color palette (#FAF4EE, #D4BC98, #83511B, #542E00, #272419)
• Washed Mustard color palette (#F8F6E7, #D9C46E, #6D7840, #44433B, #252213)
• Tempered Taupe Boulevard color palette (#F9F4ED, #EACD93, #93A55E, #A4884D, #2F2E27)
• Antique Taupe color palette (#FCF2F6, #C3E9CB, #C19370, #896447, #32282C)
• Muted Amber Veranda color palette (#F0E7C7, #AF8F00, #494800, #1D1C00, #040200)
• Bronze Harbor color palette (#F7E6D2, #976C00, #3E2500, #1B2018, #0B0400)
• Tempered Courtyard color palette (#FDF3EA, #E09A4C, #7DA883, #956C81, #583400)
• Timeworn Veranda color palette (#F8F5ED, #D8DCD2, #A8B2AC, #A99A78, #55524C)

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