Tempered Plum color palette — #F4D8DE · #C1004E · #8F0029 · #4E0008 · #140000

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

The five colors

• Shell Pink (#F4D8DE): A whisper-light, dusty red — the color of a theater curtain.
• Magenta Rose (#C1004E): A full-bodied, vivid red — the color of embers at dusk.
• Wine (#8F0029): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#4E0008): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#140000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Washed Plum Alley color palette (#F5DAF3, #B23873, #7C0022, #2F0C00, #020100)
• Worn Grape Boulevard color palette (#FDDEDB, #C60021, #582FC8, #6E000E, #06001E)
• Worn Plum color palette (#F2D7EC, #B90093, #88005C, #480029, #20000B)
• Airy Rust Quarry color palette (#FBDED4, #C94B00, #822900, #2E0B00, #050100)
• Antique Boulevard color palette (#FADED5, #963200, #545000, #66125B, #050100)
• Soft Delta color palette (#FEE5D7, #D38E5D, #AD7527, #732A27, #200900)
• Ember Market color palette (#FAE4E2, #FE5236, #CD3F00, #843800, #512500)
• Pale Amber color palette (#FFEBE1, #D86B00, #8B4D00, #5D3900, #2D1B00)

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