Tempered Cocoa color palette — #D9E4C1 · #97B29A · #846F85 · #774210 · #352107
Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.
The five colors
- Celadon Mist (#D9E4C1): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#97B29A): A luminous, dusty green — the color of fresh herbs.
- Slate (#846F85): A full-bodied, dusty pink — the color of peonies in June.
- Bronze (#774210): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#352107): A deep, shadowed, dusty gold — the color of old brass.
Feels like: 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
- Pewter Meadow color palette (#F0EAD4, #9BA687, #5E7A61, #684640, #40231B)
- Chestnut Chapel color palette (#EAF7DE, #9EBFA8, #988595, #764D05, #393630)
- Softworn Pewter Ridge color palette (#CFEDDE, #8EB3A8, #5C7197, #6D4C6E, #603C3C)
- Fern Grove color palette (#E2F2F8, #CAA5C3, #8E7298, #485216, #003728)
- Gentle Indigo Terrace color palette (#CEF5F9, #529DD4, #7357A3, #4F4400, #212200)
- Hushed Fern Grove color palette (#FAF0E5, #AEA06A, #5E6B35, #374F0D, #251A04)
- Basalt Pier color palette (#E3F0FF, #AA7F92, #885878, #3F4300, #1B1D00)
- Tempered Delta color palette (#E6F7E9, #D9C4DB, #B0939E, #81671D, #434300)
Browse the whole catalog at Explore, or see today's palette.