Tempered Cocoa color palette — #FFF2ED · #CAF7C1 · #DFDDCD · #CEA29E · #6F3908
A conversation between Bronze and Mint, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Mint (#CAF7C1): A whisper-light, balanced green — the color of fresh herbs.
- Bone (#DFDDCD): A whisper-light, dusty green — the color of fresh herbs.
- Rosewood Mist (#CEA29E): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#6F3908): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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
- Tempered Lichen color palette (#FFEFFF, #E6FFCB, #E9DAD8, #C99BB4, #5A3F4F)
- Patina Garden color palette (#FFF3E3, #E3F6B2, #81F5C7, #DE9E7D, #4B4A42)
- Softworn Basalt color palette (#FFF4DC, #CBD8A4, #B8AD7C, #9E8362, #3E4100)
- Hazy Terrace color palette (#FFF2EA, #FFDD8F, #ACDC68, #E27A7F, #4C3206)
- Dusty Celadon color palette (#FFF3D5, #C6EB9A, #7FDABF, #BA8A5A, #323029)
- Wandering Sand Chapel color palette (#FCF4EA, #F0D287, #B68C5A, #67625C, #282016)
- Timeworn Glacier Thicket color palette (#EEE5FF, #1EEAF7, #FFB195, #5D5551, #30251E)
- Worn Parlor color palette (#FFEBF7, #E7D2D1, #D9C284, #AF6E70, #412B36)
Browse the whole catalog at Explore, or see today's palette.