Cocoa Garden color palette — #FCF0E0 · #BEA979 · #8A7147 · #6B4200 · #2B210D

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

The five colors

• Cream (#FCF0E0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#BEA979): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#8A7147): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#6B4200): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2B210D): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Bronze Balcony color palette (#FFEEE4, #D9B296, #AF724A, #824525, #36291E)
• Aged Bronze Basin color palette (#FFE3CE, #CF9057, #A45000, #6D2E11, #2A1700)
• Sand Study color palette (#FFF3E4, #ECDE9C, #B7986F, #88604B, #33322B)
• Hushed Terrace color palette (#FFE7D0, #AB7C3C, #7B4700, #4E2400, #160C00)
• Antique Bronze Basin color palette (#E9FBEA, #8BB298, #896D44, #6A4455, #2C4338)
• Weathered Bronze Study color palette (#F1E6D3, #867000, #564000, #311F00, #080500)
• Patina Mulberry Courtyard color palette (#FFEDED, #E5A17F, #793D62, #391E1F, #170708)
• Weathered Blush color palette (#FBEFED, #EB95B7, #A95C51, #944768, #190A04)

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