Tempered Cocoa color palette — #E6DED9 · #C4B6A9 · #9C8B74 · #762700 · #2C1A0F

Rust and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#E6DED9): bright and airy, almost weightless.
• Stone (#C4B6A9): A luminous, dusty gold — the color of old brass.
• Caramel (#9C8B74): A luminous, dusty gold — the color of honey in a jar.
• Rust (#762700): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2C1A0F): A deep, shadowed, dusty gold — the color of old brass.

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

• Ancient Balcony color palette (#ECE4E3, #CBB3AC, #AD846F, #741D4A, #2B1A19)
• Muted Basalt color palette (#ECE5DF, #B1A89A, #868151, #532D00, #1F1003)
• Patina Terracotta color palette (#E4DBE1, #BAC9B8, #8DAD9E, #9D3D2B, #281A24)
• Hushed Fern color palette (#F0EFE6, #CCCEBC, #9AA682, #505C09, #312E1F)
• Fern Meadow color palette (#F3D8C7, #A3833C, #4E5E00, #003E5A, #3C2237)
• Fern Delta color palette (#F2EADC, #7A802F, #2F4F00, #570F13, #1B1D00)
• Bronze Atelier color palette (#FAF4EF, #DDDCD1, #C0C2B0, #9A6646, #4E4640)
• Wandering Loft color palette (#ECDED2, #FF7666, #C06700, #636000, #1C1000)

Browse the whole catalog at Explore, or see today's palette.