Tempered Cocoa Orchard color palette — #FFF2EB · #A887C6 · #865782 · #7E3414 · #53323B

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Dusty Rose (#A887C6): A luminous, balanced violet — the color of wild irises.
• Graphite (#865782): A full-bodied, balanced pink — the color of neon signs at night.
• Rust (#7E3414): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#53323B): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Creativity, Balance. Tagged retro, muted.

Use it as a design system

One click turns Tempered Cocoa Orchard 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

• Soft Mulberry color palette (#FFF1F5, #9C77B2, #92485B, #6E3800, #2A345F)
• Ancient Chestnut Grove color palette (#FFF2E9, #C598B3, #A26171, #765116, #5A403F)
• Dusty Petrol color palette (#FFF2EE, #739ACD, #5B62A7, #743456, #4B3449)
• Feathered Terracotta Grove color palette (#FFF3E7, #CB6783, #A5312F, #514500, #55232B)
• Dusty Loft color palette (#FFF0FC, #D0B9FF, #C58DCE, #A87266, #3B3B4E)
• Washed Pewter Coast color palette (#F4DEE5, #80619E, #46282F, #2D1820, #140A0A)
• Lilac Orchard color palette (#E0FCF7, #8FB1F2, #A66EB0, #387245, #353C52)
• Hushed Pewter Field color palette (#F3F4DC, #7A9DD7, #875396, #145522, #2F1C28)

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