Tempered Cocoa color palette — #FCF4EC · #CCBFA6 · #7D865D · #755D71 · #634800
Bronze takes the lead with Driftwood close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FCF4EC): bright and airy, almost weightless.
- Stone (#CCBFA6): A luminous, dusty gold — the color of old brass.
- Driftwood (#7D865D): A luminous, dusty green — the color of a quiet forest floor.
- Graphite (#755D71): A full-bodied, dusty pink — the color of a candy shop window.
- Bronze (#634800): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Hushed Fern Archive color palette (#F8F5EC, #C2C3AA, #618C74, #4F6F57, #525000)
- Weathered Fern Station color palette (#F6F6EB, #AAB592, #318378, #6F4C6A, #3A4900)
- Ancient Driftwood Parlor color palette (#EAF5EF, #A7CDBD, #7A8A58, #46686D, #26352F)
- Timeworn Violet Coast color palette (#FFF1F5, #D0A1B1, #91A15E, #865BB0, #4E4D46)
- Patina Cerulean Harbor color palette (#FFF1F5, #E4D8D3, #B3CFDE, #7383B2, #5F4A4D)
- Weathered Petrol Summit color palette (#F9F4EF, #C9E8EB, #809AC7, #007E87, #66485A)
- Cellar Onyx color palette (#EDE1D4, #665E27, #213100, #0E014D, #070600)
- Tempered Pine Terrace color palette (#FAF5E6, #89A47A, #11754E, #593C71, #36362F)
Browse the whole catalog at Explore, or see today's palette.