Tempered Cocoa Grove color palette — #FDF3EE · #E6CE9D · #A56B67 · #77391F · #342824

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

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Wheat (#E6CE9D): A whisper-light, dusty gold — the color of old brass.
• Mocha (#A56B67): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#77391F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#342824): quiet, heavy and certain.

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

Use it as a design system

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

• Driftwood Field color palette (#FCF2F9, #E6D7D5, #9D7994, #543E4F, #21181F)
• Bronze Workshop color palette (#FAF4EA, #DEC083, #8A6E09, #504010, #272116)
• Softworn Field color palette (#FFF2EF, #B9C88E, #7B505A, #4B312C, #2B231C)
• Weathered Moss Dune color palette (#FAF4F0, #FCC1AF, #95A555, #C3745C, #2F2E27)
• Timeworn Villa color palette (#FFF2EA, #E4B33E, #AA4600, #612704, #27160A)
• Patina Marigold Courtyard color palette (#EADBCF, #CC9D24, #814200, #411E00, #150700)
• Antique Ash color palette (#F9F3F9, #C0E9D4, #B292B2, #7C637C, #312831)
• Softworn Dune color palette (#FCECD6, #B88A00, #5C3F00, #261800, #050200)

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