Tempered Cocoa color palette — #FFF1F0 · #F0B0C3 · #CC8395 · #995F65 · #7A3B24

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Ballet Pink (#F0B0C3): A whisper-light, dusty rose — the color of a warm blush.
• Dusty Rose (#CC8395): A luminous, balanced red — the color of late-summer berries.
• Walnut (#995F65): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#7A3B24): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Timeworn Cocoa color palette (#FFF2ED, #FFCBC4, #CE8B87, #8B534F, #622708)
• Worn Terracotta Loft color palette (#FFF1F3, #D8A6BD, #B96B82, #984B45, #554E4A)
• Lilac Coast color palette (#FFF1F6, #D2B7EA, #B790C9, #87648C, #6D484D)
• Patina Corridor color palette (#FFF2ED, #EFB2B1, #AEB876, #BA7777, #4F4D46)
• Cocoa Pier color palette (#FFF2ED, #E0D9CE, #9DB6CD, #C5978B, #7E4122)
• Aged Bronze Quarry color palette (#FEF4E5, #D8C9AD, #B09772, #976A2F, #5B4400)
• Faded Rust color palette (#F1DED8, #EB916F, #C25F16, #8F4900, #58330C)
• Rose Boulevard color palette (#FFE9EA, #FF8282, #F2483E, #B52C09, #6B2500)

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