Tempered Cocoa color palette — #FDF3EB · #E8D6C2 · #D5AC91 · #B98373 · #5F4100
Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FDF3EB): a clean, paper-quiet neutral.
- Bone (#E8D6C2): A whisper-light, dusty gold — the color of old brass.
- Rosewood Mist (#D5AC91): A luminous, dusty gold — the color of honey in a jar.
- Caramel (#B98373): A luminous, dusty orange — the color of autumn markets.
- Bronze (#5F4100): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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
- Stone Orchard color palette (#FEF1F7, #C7F2E9, #D8A07E, #8C6F8B, #33443C)
- Stone Ridge color palette (#FDEDF4, #D6B590, #A0795F, #6A4E61, #223025)
- Gentle Bronze Archive color palette (#FFEBD2, #DEC67D, #D09838, #B8691A, #3A3700)
- Taupe Study color palette (#ECF9F5, #9EC8ED, #DEA79C, #AC9A44, #2C433C)
- Antique Station color palette (#FCE3D5, #CE8E62, #B56245, #943638, #221200)
- Bronze Courtyard color palette (#F6E9D3, #B9B484, #AA8A32, #945D00, #222800)
- Chestnut Studio color palette (#F9E5D1, #9C7B3E, #885100, #682A00, #050300)
- Hushed Grove color palette (#EEF8F4, #F1DAB7, #75A5C6, #4F7669, #222E2A)
Browse the whole catalog at Explore, or see today's palette.