Cocoa Garden color palette — #FDF3EC · #CCC190 · #844E36 · #592A00 · #2A251B

Espresso takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Sand (#CCC190): A luminous, dusty green — the color of fresh herbs.
• Coffee (#844E36): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#592A00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2A251B): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Wandering Bloom color palette (#FDF3EB, #EECB9B, #9E7255, #713F05, #302A25)
• Softworn Stone color palette (#F9EEF3, #E4BC84, #7A5466, #3F2A34, #191115)
• Softworn Lagoon Corridor color palette (#FAF4EF, #EFAF90, #009371, #985C3D, #2C2F29)
• Worn Cabin color palette (#F7F5EC, #CDA772, #4C5811, #2F2E27, #181E14)
• Taupe Ridge color palette (#FCF2F7, #C6E8CD, #C1927A, #816273, #33272E)
• Chestnut Bloom color palette (#F3E3D5, #725C00, #202D2B, #230E00, #060100)
• Washed Workshop color palette (#FEF3E8, #C2A274, #62824E, #624F7B, #5B4400)
• Washed Bronze Delta color palette (#F0E9D3, #A07000, #2A2800, #111920, #0B0A00)

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