Tempered Cocoa color palette — #FFEEE6 · #DEDAC5 · #B5B6C1 · #AE8782 · #582900
A conversation between Espresso and Dusty Rose, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
- Bone (#DEDAC5): A whisper-light, dusty green — the color of new leaves after rain.
- Ash (#B5B6C1): soft and architectural.
- Dusty Rose (#AE8782): A luminous, dusty orange — the color of autumn markets.
- Espresso (#582900): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged pastel, light, 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
- Muted Basalt color palette (#FEF0DD, #D7E1C1, #9ED9D6, #9E816F, #523B00)
- Timeworn Thicket color palette (#FDF1FD, #C6E3E6, #B8B4BE, #8F7FA2, #574751)
- Antique Meadow color palette (#F8F1E2, #C4BC93, #9D7E39, #7A4D0B, #2C2D1E)
- Antique Straw color palette (#FFEFDD, #E5DD99, #84BB94, #8D5D50, #30250E)
- Aged Amber Corridor color palette (#F5DCD2, #BC7E22, #57730E, #5B001F, #060200)
- Washed Quarry color palette (#EDEED0, #83AD67, #008D85, #573400, #060800)
- Amber Harbor color palette (#FCF0E2, #C68527, #7280B3, #72526A, #2B2014)
- Ancient Seafoam color palette (#E8EEFF, #00EAD6, #FFA164, #3A342F, #1E1711)
Browse the whole catalog at Explore, or see today's palette.