Tempered Cocoa color palette — #ECE0E8 · #C4B4B9 · #988F64 · #752808 · #291924
A conversation between Rust and Caramel, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#ECE0E8): a clean, paper-quiet neutral.
- Stone (#C4B4B9): a calm mid-gray that lets other colors speak.
- Caramel (#988F64): A luminous, dusty green — the color of new leaves after rain.
- Rust (#752808): A deep, shadowed, balanced orange — the color of toasted spice.
- Onyx (#291924): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Patina Garnet color palette (#E4DDE5, #C7B2C0, #A3858F, #820032, #241C26)
- Cocoa Pier color palette (#EBE1DA, #C4AF9B, #9E8971, #6A3109, #130702)
- Cocoa Field color palette (#D9E0DB, #AABEB6, #689994, #564100, #17231A)
- Tempered Terracotta color palette (#F8ECF2, #D6BCC6, #95AC93, #994400, #291A22)
- Hushed Chestnut color palette (#F1F7F1, #C4D8CD, #96B17D, #7C4F00, #2B362A)
- Tempered Spruce Lagoon color palette (#E2EDE6, #8B9F99, #547977, #332A00, #000D05)
- Forest Parlor color palette (#D7E9DC, #72832A, #005415, #491C34, #181E00)
- Timeworn Bronze color palette (#FAF3F6, #CFD9DB, #ACC1C2, #9A6646, #4F4449)
Browse the whole catalog at Explore, or see today's palette.