Tempered Cocoa color palette — #ECE4DE · #C3B7A6 · #988E6D · #6D3100 · #2C1B0E
A conversation between Rust and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#ECE4DE): a clean, paper-quiet neutral.
- Stone (#C3B7A6): A luminous, dusty gold — the color of honey in a jar.
- Caramel (#988E6D): A luminous, dusty green — the color of a quiet forest floor.
- Rust (#6D3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#2C1B0E): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, 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
- Aged Parlor color palette (#E6DBE0, #C2ADB3, #809382, #663500, #13060C)
- Timeworn Terrace color palette (#F5E7E4, #CAB4A9, #A38970, #80003C, #2A1B18)
- Hushed Chestnut color palette (#E7E0DA, #D1C1AF, #B5A185, #8E4E03, #271D13)
- Fern Canyon color palette (#EFEFE7, #C9CFBD, #93A78E, #445F0F, #2F2E24)
- Antique Courtyard color palette (#EFEBDF, #9B9B8A, #4D7C66, #2F2C00, #0D0800)
- Worn Bronze color palette (#F9F4EF, #DADCD2, #B9C6AE, #936A48, #4F463D)
- Olive Ridge color palette (#EDE7D6, #5F8838, #005331, #53122B, #1D1C00)
- Wandering Driftwood color palette (#F9E6E0, #A68443, #406135, #413258, #3F1133)
Browse the whole catalog at Explore, or see today's palette.