Tempered Cocoa color palette — #FFF3E8 · #D0C3A5 · #9DA489 · #98707A · #6A433C
Cocoa takes the lead with Mocha close behind in a set that reads as sophistication at first glance.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Sand (#D0C3A5): A whisper-light, dusty gold — the color of honey in a jar.
- Taupe (#9DA489): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#98707A): A full-bodied, dusty red — the color of a theater curtain.
- Cocoa (#6A433C): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Sophistication. Tagged vintage, retro, 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
- Weathered Bronze Canyon color palette (#F5F6EC, #B8CCA8, #5A9C9E, #966350, #3B4731)
- Patina Lichen color palette (#DEFFE4, #B6E4E9, #96C2C9, #837894, #544963)
- Dusty Cerulean color palette (#E4E3CB, #A1AD8E, #368BA4, #7E453D, #462E00)
- Aged Meadow color palette (#F0F9E5, #54BB93, #BC81B5, #BA678E, #363933)
- Weathered Lagoon color palette (#FCF3EF, #C8E4DF, #6CAED1, #008F77, #563E58)
- Emerald Quarry color palette (#F2F8E9, #83CAA0, #CB8ACC, #00995D, #583258)
- Wandering Study color palette (#ECE1D5, #898F46, #007751, #6C1457, #370006)
- Garnet Studio color palette (#E9E4C3, #608863, #005E5E, #580026, #241000)
Browse the whole catalog at Explore, or see today's palette.