Tempered Plum color palette — #FBF3F2 · #E6AFBD · #B16651 · #A54A68 · #332C29

Magenta Rose and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Ballet Pink (#E6AFBD): A luminous, dusty red — the color of a theater curtain.
• Mocha (#B16651): A full-bodied, balanced orange — the color of toasted spice.
• Magenta Rose (#A54A68): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#332C29): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged duotone, muted, warm.

Use it as a design system

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

• Timeworn Pewter Atelier color palette (#FAF3F5, #DFB2BF, #A3678B, #84569E, #392929)
• Hushed Lagoon color palette (#FAF4F0, #E2B59D, #967934, #A5531C, #312D27)
• Washed Summit color palette (#F8EFF0, #E1B3D2, #AB772E, #965A84, #1C140B)
• Dusty Chestnut color palette (#FFF2EC, #DCA999, #AA6E4E, #8A4B00, #603B00)
• Antique Ridge color palette (#F6F4FA, #EFC1E1, #B19A4D, #B374A3, #243229)
• Weathered Driftwood color palette (#FBF3F1, #DDD9D3, #A5AFA4, #A67275, #5A504D)
• Softworn Fern Harbor color palette (#FEF3E5, #C69E85, #966E46, #3F652D, #6C3800)
• Weathered Pier color palette (#F5EAE1, #AC611C, #3B4A18, #4D2600, #050300)

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