Tempered Cocoa color palette — #FFF3E4 · #DFDCCB · #B4C2A7 · #B99294 · #7A3D1F
Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Bone (#DFDCCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#B4C2A7): A luminous, dusty green — the color of fresh herbs.
- Dusty Rose (#B99294): A luminous, dusty red — the color of a theater curtain.
- Bronze (#7A3D1F): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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 Driftwood Atelier color palette (#ECE9CF, #C9CBA9, #94AD94, #A57183, #673C2A)
- Ancient Parlor color palette (#EDFAE8, #95D6CA, #D7ADD9, #E693A3, #394733)
- Worn Ash color palette (#DDFAE7, #ADCCC8, #7599A1, #706979, #443D4D)
- Gentle Hollow color palette (#E6E8CD, #61A49E, #2480A9, #873500, #201800)
- Muted Balcony color palette (#F2F7EB, #AEE3C7, #F6AED2, #52C08E, #684040)
- Worn Bronze Chapel color palette (#DDE4C2, #93C3AB, #4EA0AD, #A56061, #4F2817)
- Airy Meadow color palette (#D4E5D7, #63D4D0, #52A9E4, #C85D09, #493C00)
- Timeworn Mulberry color palette (#F1E5CF, #7E8751, #327660, #713363, #230001)
Browse the whole catalog at Explore, or see today's palette.