Cocoa Garden color palette — #FEEFDF · #C1A86E · #8F6D4C · #733B12 · #28220D

A conversation between Bronze and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FEEFDF): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#C1A86E): A luminous, balanced gold — the color of old brass.
• Walnut (#8F6D4C): A full-bodied, dusty gold — the color of old brass.
• Bronze (#733B12): A full-bodied, balanced gold — the color of old brass.
• Onyx (#28220D): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Chestnut Parlor color palette (#F9F1DE, #C2BD97, #8C8456, #784E08, #2C2D21)
• Powdered Bronze color palette (#FEE3D0, #CD9342, #A35117, #67312E, #231B00)
• Muted Summit color palette (#FFF1F6, #B4A77B, #906943, #71443C, #26443B)
• Tempered Terrace color palette (#EDF9EC, #F5D8AC, #B99770, #81606D, #243729)
• Frosted Loft color palette (#FCE2CB, #A77F25, #7D4500, #531E0F, #140D00)
• Olive Atelier color palette (#F0DDC1, #7B7500, #573F00, #381A00, #060500)
• Patina Studio color palette (#E5F8E3, #009A94, #A25D6C, #763E4B, #101E0E)
• Aged Apricot Station color palette (#EBF5EB, #E4A377, #006262, #142E16, #080F08)

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