Tempered Cocoa color palette — #FFF0F9 · #C19AAC · #956553 · #7C3B3A · #314330

Rust takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mauve (#C19AAC): A luminous, dusty rose — the color of strawberry cream.
• Walnut (#956553): A full-bodied, dusty orange — the color of autumn markets.
• Rust (#7C3B3A): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#314330): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Wandering Cocoa Thicket color palette (#FFF1F6, #92B191, #90694A, #7A3F28, #2A4432)
• Washed Cocoa color palette (#F4E2EB, #B48899, #895439, #6C2F26, #1D3720)
• Dusty Amber color palette (#FFF2EB, #D7B796, #C5785F, #8B5864, #403D36)
• Ancient Pewter color palette (#EEF9ED, #A9BEAF, #6D896C, #765062, #354E42)
• Hushed Garnet Delta color palette (#FFF0FF, #CD99B9, #A7556F, #90242D, #6B1D00)
• Grape Bloom color palette (#F4F4FD, #BEA0D9, #A45355, #7A3EA2, #2D1E2C)
• Antique Chestnut color palette (#FECFE1, #AF8540, #844B00, #652600, #332800)
• Tempered Workshop color palette (#F6DDEA, #9A6A3A, #703000, #500400, #201300)

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