Tempered Plum color palette — #E5E1FF · #E193E6 · #CF4F98 · #B4003F · #5A2200

Built around Ruby, softened by Hot Pink — the whole palette hums with optimism and creativity.

The five colors

• Frost (#E5E1FF): A whisper-light, dusty violet — the color of wild irises.
• Pink Orchid (#E193E6): A luminous, balanced pink — the color of a candy shop window.
• Hot Pink (#CF4F98): A luminous, vivid rose — the color of a warm blush.
• Ruby (#B4003F): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#5A2200): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Frosted Atelier color palette (#E7EAFF, #D0A3FF, #C353C2, #A7005D, #700304)
• Chalky Peony color palette (#F5F3FF, #FDADFC, #E85CA2, #AB1526, #411700)
• Terracotta Orchard color palette (#F6D8FF, #DE95C0, #BD5C6E, #982C00, #432600)
• Faded Blush Drift color palette (#FFDAF7, #FFA5DD, #F26AA7, #CC4772, #67001C)
• Wisteria Parlor color palette (#FDF5D8, #BC8CF9, #C15178, #006964, #4B234E)
• Bronze Coast color palette (#FFE8F9, #EDA6B1, #C77968, #9A5500, #493700)
• Wandering Peony color palette (#FEE0DE, #DA3F9A, #623734, #3E162C, #1C0C10)
• Ember Atelier color palette (#FFF1F2, #D1D1FF, #FF9DF0, #FD5427, #681331)

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