Tempered Cocoa Grove color palette — #E0DBEE · #9F6782 · #683D11 · #002330 · #000204
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Silver (#E0DBEE): A whisper-light, dusty violet — the color of a velvet chair.
- Mocha (#9F6782): A full-bodied, balanced rose — the color of a warm blush.
- Bronze (#683D11): A full-bodied, balanced gold — the color of honey in a jar.
- Midnight (#002330): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000204): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Washed Garnet Cabin color palette (#DFEEFF, #95629D, #852F3A, #002121, #000404)
- Bronze Lagoon color palette (#FDDCE7, #B76B43, #4D4C00, #132244, #00000F)
- Ancient Field color palette (#F8E9F7, #915463, #542C01, #00272E, #001519)
- Weathered Driftwood Orchard color palette (#FAE9F0, #B86872, #875E44, #0F523D, #001719)
- Obsidian Study color palette (#FFE7E7, #7D4535, #4D270C, #161B00, #000300)
- Patina Bronze color palette (#FEE9E0, #BE6300, #6B2700, #151409, #110200)
- Plum Ridge color palette (#FAE0F0, #C50060, #7E010E, #240D00, #020100)
- Sunlit Aubergine color palette (#FBE2F4, #C5837B, #755A00, #4C1B5D, #110013)
Browse the whole catalog at Explore, or see today's palette.