Tempered Plum color palette — #FFF2F1 · #E2D7CC · #CFB6A6 · #A83A78 · #533736

Built around Magenta Rose, softened by Cocoa — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF2F1): bright and airy, almost weightless.
• Bone (#E2D7CC): a clean, paper-quiet neutral.
• Stone (#CFB6A6): A luminous, dusty gold — the color of honey in a jar.
• Magenta Rose (#A83A78): A full-bodied, balanced rose — the color of a warm blush.
• Cocoa (#533736): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Bronze Coast color palette (#FAF3F0, #DDDBD1, #BFC1B2, #A16053, #51453F)
• Mulberry Lagoon color palette (#F7EBEA, #D8C8C1, #B49B86, #912252, #392A27)
• Aged Lagoon color palette (#FDF2F6, #E3D6D1, #D2B4B0, #7D4ABC, #4E3841)
• Smoked Brick color palette (#FAD6CA, #B9283E, #441F01, #30070C, #130702)
• Aged Chestnut Summit color palette (#FCF3ED, #DBD1C3, #A6AB7F, #8A4500, #38322D)
• Feathered Balcony color palette (#FAF5E6, #90AE7D, #007D51, #643F75, #2C421D)
• Washed Boulevard color palette (#E9E1DC, #B3A798, #967C35, #5F2100, #210F03)
• Terracotta Loft color palette (#FFF4DB, #BE69AD, #A82E16, #004D60, #542136)

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