Tempered Cocoa color palette — #FFF2EC · #F7AD9D · #ADB3E0 · #AA8CBE · #632A04

Built around Rust, softened by Melon — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#F7AD9D): A luminous, balanced orange — the color of autumn markets.
• Mauve (#ADB3E0): A luminous, dusty violet — the color of wild irises.
• Dusty Rose (#AA8CBE): A luminous, dusty violet — the color of wild irises.
• Rust (#632A04): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Weathered Atelier color palette (#FFF2EF, #F0ADBE, #CAB483, #9096C1, #4A3835)
• Cocoa Quarry color palette (#FFF2EB, #D69B87, #7AA0C1, #5B7F9D, #622B00)
• Dusty Cocoa color palette (#FFF2EC, #F4AEA3, #B8BB84, #82A482, #642907)
• Cobalt Parlor color palette (#FFF1F5, #E7B98E, #76C0A3, #6D7FB8, #412A32)
• Seafoam Alley color palette (#EFF9E8, #87D4C0, #98B8E8, #9991C8, #384032)
• Aged Stone color palette (#F9F4EE, #D9DAD2, #AAB5AC, #6A6874, #585148)
• Washed Mustard color palette (#FBF6DE, #B6C363, #5DBFC0, #C57968, #34332C)
• Dusty Apricot Villa color palette (#FFF3E8, #FD952A, #74C87A, #B653A0, #432201)

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