Tempered Plum color palette — #F4DFDE · #B33E7F · #522200 · #291B1A · #120A09

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

The five colors

• Shell Pink (#F4DFDE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Magenta Rose (#B33E7F): A full-bodied, vivid rose — the color of a warm blush.
• Espresso (#522200): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#291B1A): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#120A09): quiet, heavy and certain.

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

• Rust Canyon color palette (#FADDD3, #BD3E44, #36312C, #291B16, #120B08)
• Timeworn Villa color palette (#F3DFDE, #D16596, #62453F, #3B2827, #201515)
• Byzantium Lagoon color palette (#F4DEE6, #8948D0, #452A29, #291A20, #120A0C)
• Blush Harbor color palette (#E8E1EE, #DE8DB3, #7D6879, #51445A, #18171F)
• Charred Bloom color palette (#FAE6D1, #8C5400, #2C2609, #1D1003, #070401)
• Shadow Meadow color palette (#FBE4DF, #4F5E5B, #580E00, #1C1D11, #070300)
• Lowlit Balcony color palette (#F7E5E2, #2C4602, #6C0035, #1C1709, #130400)
• Sunlit Ridge color palette (#FFF2ED, #D95857, #0088AD, #3E6498, #3E3633)

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