Tempered Cocoa color palette — #FEF4DF · #FFCDDD · #BC9C72 · #56749B · #672B0E

Rust takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FEF4DF): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCDDD): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#BC9C72): A luminous, dusty gold — the color of honey in a jar.
• Slate (#56749B): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#672B0E): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Timeworn Taupe color palette (#FFF3E8, #FFD2B7, #93AC78, #746B97, #563900)
• Muted Taupe color palette (#F7F7E2, #E6D3FF, #CC908E, #427C88, #52373A)
• Shell Pier color palette (#FFF1F1, #F4B7D4, #77A785, #616695, #4A2E41)
• Cerulean Alley color palette (#ECF9EE, #FCC0B1, #C8A87F, #3C9BA5, #573F4C)
• Wandering Bronze color palette (#EAFAF0, #CE95A7, #976E32, #3C5B80, #52424F)
• Hushed Bronze Ridge color palette (#FBF0DF, #DC9888, #9C6E2A, #005E65, #38281C)
• Driftwood Courtyard color palette (#FFF1F1, #E1DCD0, #C3BBA3, #A38797, #5D4754)
• Aged Jade color palette (#FFF2EA, #F1C384, #60A470, #72548B, #34312B)

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