Tempered Cocoa color palette — #FDF3EA · #EDDCB5 · #BBB792 · #A992A0 · #614900
A conversation between Bronze and Wheat, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF3EA): bright and airy, almost weightless.
- Wheat (#EDDCB5): A whisper-light, dusty gold — the color of old brass.
- Stone (#BBB792): A luminous, dusty green — the color of a quiet forest floor.
- Dusty Rose (#A992A0): A luminous, dusty pink — the color of peonies in June.
- Bronze (#614900): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, 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 Fern color palette (#F7F6E6, #A9E5BF, #7EBAAF, #A78789, #3B4900)
- Oat Dune color palette (#EFF8F2, #D9D3A4, #78A794, #867888, #405248)
- Worn Study color palette (#FFF2EF, #E1DBCF, #B6C4D1, #DEB1B6, #773D18)
- Worn Cocoa Corridor color palette (#FFF2ED, #F4D5C0, #EBA299, #AC7772, #5D2301)
- Softworn Sunflower Workshop color palette (#FFF3E3, #D0D76C, #81B570, #8981B1, #3B3D15)
- Softworn Seafoam color palette (#FFF2EE, #FFC2C9, #79DAD4, #D8929A, #3F543D)
- Oat Study color palette (#FAF4ED, #C6E0F1, #DDBAD7, #89AC93, #634A57)
- Patina Driftwood color palette (#EDF4EE, #AFCBBB, #7F8859, #585F80, #20372B)
Browse the whole catalog at Explore, or see today's palette.