Tempered Cocoa color palette — #FFD0DA · #B79295 · #936F6C · #723F04 · #342104

Bronze and Shell Pink set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFD0DA): A whisper-light, dusty red — the color of a theater curtain.
• Dusty Rose (#B79295): A luminous, dusty red — the color of embers at dusk.
• Mocha (#936F6C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#723F04): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#342104): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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

• Weathered Summit color palette (#FFE2E2, #CBA7A2, #A1796C, #7E5812, #38352E)
• Weathered Terracotta Canyon color palette (#FED8DE, #C0827E, #9E4B25, #454400, #1E2B00)
• Aged Basalt color palette (#EBE1FF, #C2B3CB, #B07E83, #4F6C50, #51420B)
• Dusty Abyss color palette (#FFEBD8, #A48B67, #6B612F, #154C32, #002822)
• Wandering Cocoa color palette (#F4E4E9, #8D5C61, #6A332D, #2A2000, #0D0D00)
• Tempered Mulberry Hollow color palette (#FDE1E2, #C46FAC, #A47000, #862A71, #281800)
• Weathered Raspberry color palette (#F5D9D9, #B55392, #A1582D, #4C529B, #26080B)
• Antique Forest Orchard color palette (#CAE8FF, #9BAACA, #756C89, #346032, #284D54)

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