Tempered Cocoa color palette — #E5DDD8 · #BAB2A7 · #928E77 · #722A00 · #140702
Built around Rust, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Bone (#E5DDD8): a clean, paper-quiet neutral.
- Ash (#BAB2A7): soft and architectural.
- Eucalyptus (#928E77): A luminous, dusty green — the color of a quiet forest floor.
- Rust (#722A00): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#140702): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged scandi, 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
- Garnet Hollow color palette (#E8DFDE, #C1AFA6, #998B7A, #781246, #170504)
- Olive Veranda color palette (#F2E6DA, #A69F8D, #7C823B, #4F2D00, #090300)
- Softworn Chestnut color palette (#FBF0E1, #D7D4C4, #A8AF95, #795200, #241705)
- Aged Workshop color palette (#F7F0EB, #D7D9CF, #B6C0B2, #926B53, #322A25)
- Hushed Olive Hollow color palette (#E8DDC9, #65843B, #005136, #371D40, #040A00)
- Tempered Balcony color palette (#FFE7E9, #A36F38, #3D5F25, #342450, #200212)
- Hushed Brick color palette (#EBE1CF, #B32A21, #423D00, #080860, #0C0300)
- Airy Peony color palette (#F4E6D5, #E7608A, #AF6700, #1A7209, #090500)
Browse the whole catalog at Explore, or see today's palette.