Tempered Cocoa color palette — #EFF0DA · #96AF92 · #4D7590 · #6E4534 · #3A2B0E
Coffee takes the lead with Slate close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EFF0DA): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#96AF92): A luminous, dusty green — the color of new leaves after rain.
- Slate (#4D7590): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Coffee (#6E4534): A full-bodied, dusty orange — the color of autumn markets.
- Espresso (#3A2B0E): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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
- Aged Pewter color palette (#DAEFD9, #80AFD1, #706A9C, #5B5123, #322C04)
- Antique Turquoise Archive color palette (#DFF0E3, #6FAAC3, #517A9B, #724A59, #573930)
- Weathered Chestnut color palette (#E0F1D3, #9ECAB2, #7E87B7, #774F06, #3C3731)
- Wandering Cypress Canyon color palette (#F2F3E6, #7AAD97, #007471, #374E2D, #162005)
- Ancient Denim Harbor color palette (#D6E7DF, #1E8D97, #2E5697, #4B2A00, #190C00)
- Dusty Market color palette (#FAEFE8, #A9D3BD, #2082C6, #005C56, #131E3E)
- Patina Pewter color palette (#D6EDE2, #7F86BA, #7A4C74, #284616, #172102)
- Quiet Corridor color palette (#C8E7D7, #0089AB, #BE3A00, #775400, #00190E)
Browse the whole catalog at Explore, or see today's palette.