Cocoa Garden color palette — #F9F4ED · #E5CEA8 · #907B46 · #654700 · #322A1E

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Wheat (#E5CEA8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#907B46): A full-bodied, dusty gold — the color of old brass.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#322A1E): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Muted Delta color palette (#EDF9F0, #C7DCC9, #978453, #384C3E, #141E17)
• Softworn Chestnut Cabin color palette (#F9F5ED, #D5BC96, #6E5C29, #3C3832, #25271C)
• Timeworn Bronze Pier color palette (#E9E1D0, #8E7000, #332B00, #1A221B, #080600)
• Muted Moss color palette (#F7F5EF, #D0D6A8, #6CAD77, #8C941F, #2D2F28)
• Aged Sand Dune color palette (#EEF8F1, #F7DAA3, #AF9D6D, #5D7364, #242E27)
• Washed Taupe color palette (#E1DED1, #B8A54D, #515C00, #262D00, #0F0B00)
• Antique Atelier color palette (#F8F6E7, #A6C9A5, #69A089, #417595, #424E00)
• Taupe Boulevard color palette (#F6F5EF, #D6DBD6, #A7B7B3, #8FA473, #545347)

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