Tempered Cocoa color palette — #FFF0FB · #E7D8D6 · #D89DA3 · #A26456 · #6A2E02

Rust and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Bone (#E7D8D6): a clean, paper-quiet neutral.
• Rosewood Mist (#D89DA3): A luminous, dusty red — the color of late-summer berries.
• Walnut (#A26456): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#6A2E02): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Hushed Garnet Archive color palette (#F4F4FF, #EAD4E3, #CBA1CC, #965D7B, #68293A)
• Ancient Bronze color palette (#FFF1F0, #E1D9CE, #D1A581, #8F6F37, #494100)
• Aged Amber color palette (#F3F4FF, #E1D5FE, #E4A2AA, #CB7351, #644200)
• Weathered Lagoon color palette (#FFF1F3, #FF9789, #BB581B, #5F3800, #1D1200)
• Ancient Thicket color palette (#FFECF4, #DBA7CD, #BF6F78, #7F4024, #3F2B00)
• Cypress Veranda color palette (#EAFAED, #FFCCE3, #C5948B, #4F7E65, #47394B)
• Stone Boulevard color palette (#FEF0FF, #DE98A1, #614E5B, #312732, #110E14)
• Tangerine Cabin color palette (#FFDFD7, #E77739, #865100, #352800, #030200)

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