Tempered Cocoa color palette — #FBF4EC · #D8D3A5 · #A09E74 · #8A7781 · #5F4A00
Bronze takes the lead with Wheat close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Wheat (#D8D3A5): A whisper-light, dusty green — the color of a quiet forest floor.
- Taupe (#A09E74): A luminous, dusty green — the color of a quiet forest floor.
- Driftwood (#8A7781): A full-bodied, dusty pink — the color of a candy shop window.
- Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.
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
- Washed Driftwood Ridge color palette (#FDF3EA, #CDC09E, #84863E, #755E6B, #5F4A00)
- Fern Drift color palette (#F6F6EA, #97D4B3, #569E96, #8A6768, #384A00)
- Stone Canyon color palette (#F1F7F2, #C0DDE9, #87BBAB, #7E84A2, #374C41)
- Wandering Cocoa Villa color palette (#FFF2EE, #E0DACE, #A0BDD1, #BA9797, #7B3F1F)
- Cocoa Meadow color palette (#FFF2EC, #FFC6BF, #CB887B, #8A5852, #5E2500)
- Aged Shell Thicket color palette (#FFF2EE, #FFA8B3, #64C2CD, #B8777F, #395540)
- Weathered Cabin color palette (#FFF4E0, #B4C65B, #5B975A, #6D6090, #3C3B34)
- Antique Blush color palette (#FFF2ED, #F5908F, #63B4B4, #6192B2, #6B2D15)
Browse the whole catalog at Explore, or see today's palette.