Tempered Plum color palette — #F3E3F3 · #C6003F · #571D04 · #231314 · #0F0210

Ruby and Espresso set the tone — five colors that lean into optimism and energy.

The five colors

• Blush (#F3E3F3): A whisper-light, dusty pink — the color of a candy shop window.
• Ruby (#C6003F): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#571D04): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#231314): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#0F0210): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Energy, Balance. Tagged noir, dark, luxury, vibrant.

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

• Rust Courtyard color palette (#EFDBE5, #AA4A00, #462C00, #271410, #12020B)
• Obsidian Plum color palette (#ECE1F8, #B90089, #521E2A, #211017, #0C0217)
• Weathered Mulberry Lantern color palette (#F8DEFA, #9B0035, #605000, #281200, #070008)
• Weathered Rose Delta color palette (#F4DAEF, #FF3E3A, #864517, #452A41, #0C040E)
• Wandering Amber color palette (#FCDEEA, #EA8300, #7D6329, #523944, #180E14)
• Garnet Ridge color palette (#FDE0D7, #6A001B, #1C1C0E, #140000, #000201)
• Amber Garden color palette (#FFEADF, #D96800, #008DB2, #9A4700, #00121A)
• Amber Grove color palette (#E6F4E5, #BF7B00, #5F5323, #243523, #090206)

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