Tempered Cocoa color palette — #F4E9E2 · #C4B8AD · #9F8F77 · #642600 · #030100

Built around Rust, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F4E9E2): bright and airy, almost weightless.
• Stone (#C4B8AD): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9F8F77): A luminous, dusty gold — the color of old brass.
• Rust (#642600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

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

• Muted Garnet color palette (#EEE6E5, #C6B7B2, #AC8976, #70003B, #050000)
• Onyx Delta color palette (#EDDEE8, #7F947F, #517465, #4F1000, #040002)
• Wandering Fern color palette (#F1EEE2, #D1D1C1, #A2AB84, #4F5200, #040200)
• Antique Study color palette (#EADCD0, #988149, #3F4D16, #001F35, #020013)
• Terracotta Pier color palette (#EDE1DB, #A2A192, #818E72, #A2401E, #140500)
• Linen Tangerine color palette (#F5E2CE, #FE6A3E, #BB7000, #545500, #020100)
• Ancient Abyss Parlor color palette (#FAEFD5, #758143, #1F4700, #3B0101, #010100)
• Bronze Field color palette (#FAF4ED, #DBDCD0, #BDC4B0, #A56600, #281B0D)

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