Tempered Cocoa color palette — #FFF2EF · #F8BCC0 · #CA8882 · #995F4E · #733109

A conversation between Rust and Dusty Rose, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#F8BCC0): A whisper-light, dusty red — the color of late-summer berries.
• Dusty Rose (#CA8882): A luminous, balanced orange — the color of autumn markets.
• Walnut (#995F4E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#733109): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Softworn Pier color palette (#FFF3E7, #EEA9AA, #BA8370, #707345, #703418)
• Dusty Courtyard color palette (#FFF1F4, #EBC1E9, #C08DB3, #975E7A, #6B2D43)
• Tangerine Lagoon color palette (#F3D8D1, #E37F4D, #B36000, #673F00, #362300)
• Antique Coral Summit color palette (#FDEEE9, #D18281, #824623, #5F2209, #281F1D)
• Muted Hollow color palette (#FCF3F2, #DFD8D3, #B2B1A6, #BC8B9D, #5C4F4E)
• Driftwood Dune color palette (#FFF2EC, #E2CDBF, #BDA891, #8A8840, #4C5609)
• Gentle Rust Lantern color palette (#F1E0E0, #C04745, #852400, #3A1300, #060100)
• Washed Amber color palette (#F6E8DD, #C37C00, #815D00, #473700, #1D1900)

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