Tempered Plum color palette — #F6DEDA · #AB4D6B · #522300 · #2D1916 · #140A06

Built around Magenta Rose, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F6DEDA): A whisper-light, dusty orange — the color of autumn markets.
• Magenta Rose (#AB4D6B): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#522300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2D1916): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#140A06): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

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

• Patina Violet color palette (#F0E0E4, #8B58A4, #432B2A, #30151E, #150B0C)
• Muted Courtyard color palette (#FDEFE7, #AB6958, #553400, #35241B, #1B150F)
• Brick Pier color palette (#FFE8E6, #AB001F, #311700, #220002, #050100)
• Timeworn Blush color palette (#EBE0EF, #F97BA3, #836579, #4F4652, #19171D)
• Charred Terrace color palette (#EBDDCA, #825A00, #2D2500, #1E1000, #070400)
• Charred Garnet color palette (#F4D7CF, #505E4F, #6F0025, #21200D, #130400)
• Weathered Petrol color palette (#FFF3E8, #B37A4B, #008D8C, #006EAE, #3D3732)
• Rust Study color palette (#FFD0E4, #E59BA6, #B95949, #873B00, #5D3910)

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