Tempered Plum color palette — #F5F3FF · #ECC4FF · #DB65C8 · #AE0068 · #4E0017

Magenta Rose takes the lead with Bubblegum close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Thistle (#ECC4FF): A whisper-light, balanced violet — the color of a velvet chair.
• Bubblegum (#DB65C8): A luminous, vivid pink — the color of peonies in June.
• Magenta Rose (#AE0068): A full-bodied, vivid rose — the color of pressed rose petals.
• Espresso (#4E0017): A deep, shadowed, balanced red — the color of embers at dusk.

Feels like: Creativity, 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

• Sunlit Boulevard color palette (#F2F4FF, #D9CEFF, #BC66E9, #950087, #540033)
• Hazy Mulberry Lantern color palette (#FCF1FF, #F9B3E3, #C76A8F, #A3003C, #420300)
• Soft Meadow color palette (#FDCFFF, #D475A6, #AD0053, #640105, #0C0200)
• Antique Wisteria color palette (#EDE8FF, #CE6CFB, #A63197, #7D054C, #630020)
• Ancient Meadow color palette (#DDEDFF, #CABFFF, #FA5CE9, #D03161, #612100)
• Quiet Peony Balcony color palette (#DEFFE5, #D7A8FD, #CD5296, #526000, #3A183D)
• Pale Plum Workshop color palette (#E3ECFF, #B78FFF, #AB3AA3, #740035, #311000)
• Quiet Terracotta color palette (#F4D6E4, #D65B7A, #9A0D00, #321100, #020100)

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