Tempered Cocoa color palette — #D9F0DB · #8C8B57 · #714E00 · #5D2200 · #142B08
Built around Espresso, softened by Bronze — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D9F0DB): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8C8B57): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#714E00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#5D2200): A deep, shadowed, balanced orange — the color of toasted spice.
- Deep Forest (#142B08): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Cocoa 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
- Worn Terracotta color palette (#EEDBE5, #A08257, #883C0A, #5E1D28, #002C1C)
- Patina Chestnut color palette (#F9E8D0, #948649, #6E4F00, #492800, #130E00)
- Hushed Dune color palette (#D7EFDE, #929D69, #74612C, #61391B, #133734)
- Airy Amber Corridor color palette (#EFE5D7, #B9B662, #BA8300, #9B5637, #152A09)
- Weathered Bronze color palette (#FDDCCF, #AC7E00, #535F00, #003F25, #00272F)
- Amber Delta color palette (#F6E6EF, #C76C3C, #005C52, #6C2B00, #001014)
- Cocoa Boulevard color palette (#FFF0F9, #93B090, #956553, #72414A, #294435)
- Timeworn Meadow color palette (#EDF9EC, #A4C0B1, #6F886E, #6E5565, #364D48)
Browse the whole catalog at Explore, or see today's palette.