Tempered Cocoa color palette — #FFF2EE · #E0DACB · #CFC393 · #A26384 · #733C10
Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0DACB): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#CFC393): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#A26384): A full-bodied, balanced rose — the color of a warm blush.
- Bronze (#733C10): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. 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
- Muted Marigold Boulevard color palette (#FCEDF8, #E8D1D3, #F3B27B, #9E6C6E, #3E2D38)
- Tempered Cabin color palette (#FFF2EC, #DFD8CD, #FFC69A, #C98689, #544D49)
- Washed Cocoa color palette (#FCF4E7, #B1A689, #876F3E, #75441A, #443F00)
- Quiet Dune color palette (#FFF2EE, #EDC176, #A1B653, #A61955, #5D2C00)
- Powdered Rust Delta color palette (#FFF3E4, #CEEDBE, #6BCF90, #BF501D, #5A4812)
- Hazy Terracotta Cabin color palette (#FFF1DE, #C2CE8F, #37AD88, #903C0C, #3A3300)
- Weathered Onyx color palette (#FBF3ED, #BCAE7C, #704628, #492202, #221D0B)
- Chestnut Archive color palette (#FBF3ED, #D2A382, #00816E, #904A00, #1C2814)
Browse the whole catalog at Explore, or see today's palette.