Tempered Cocoa color palette — #E6E1C6 · #A8BA95 · #589DB8 · #8F5D57 · #643C00
A conversation between Bronze and Slate Blue, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E6E1C6): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#A8BA95): A luminous, dusty green — the color of new leaves after rain.
- Slate Blue (#589DB8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pewter (#8F5D57): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#643C00): A deep, shadowed, balanced 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
- Ancient Atelier color palette (#F3F8E2, #B2C9B2, #72A496, #A0673A, #674700)
- Timeworn Chestnut color palette (#CEEFCA, #85C3DE, #8D89BD, #815E17, #5D4000)
- Basalt Ridge color palette (#DBFFED, #B7E0EC, #89A8BC, #8A6176, #5E3034)
- Ancient Lagoon Dune color palette (#F8F6E6, #8DC49A, #21947F, #5C6A3A, #35362F)
- Softworn Ash color palette (#D3F3EE, #85B9C9, #5E7E8F, #4A5575, #473B4E)
- Ash Market color palette (#DDEDE4, #8EA6D6, #8F739D, #59653D, #1D4425)
- Washed Petrol color palette (#E2EFE3, #3BA29C, #2075A4, #6F300D, #442400)
- Patina Bronze color palette (#EEF9E9, #BBDECE, #C4A0B6, #A67E3F, #615000)
Browse the whole catalog at Explore, or see today's palette.