Tempered Cocoa color palette — #FFF2EB · #DBC6B3 · #B8927D · #8C6C63 · #604100
A conversation between Bronze and Taupe, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Oat (#DBC6B3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Taupe (#B8927D): A luminous, dusty gold — the color of old brass.
- Walnut (#8C6C63): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Wandering Cocoa Chapel color palette (#FFF2EB, #F2D2BC, #E2A68F, #AC8979, #6A3A00)
- Dusty Loft color palette (#FFF1F2, #F5BCAB, #C19968, #7E6F2F, #3A4F0B)
- Timeworn Stone Thicket color palette (#FCF2F8, #EED4D2, #D5A08E, #8B6F8E, #354437)
- Aged Cocoa Loft color palette (#F5E0CD, #B99A5C, #986436, #783727, #2E2300)
- Patina Driftwood color palette (#FFF2F0, #DCD1A7, #9C6E7F, #65433F, #372725)
- Hazy Amber Canyon color palette (#FFEADB, #D7AC74, #C16D38, #97423E, #403406)
- Moss Loft color palette (#EDDDC6, #978F30, #7C5A00, #5E2F00, #101A00)
- Softworn Cabin color palette (#FFF2EB, #D89987, #8CA47C, #3D8A7C, #632B00)
Browse the whole catalog at Explore, or see today's palette.