Tempered Plum color palette — #F9F2FF · #AA537C · #596700 · #2E3977 · #2F2537

Built around Magenta Rose, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Magenta Rose (#AA537C): A full-bodied, balanced rose — the color of pressed rose petals.
• Olive (#596700): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2E3977): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#2F2537): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, 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

• Hazy Olive Alley color palette (#F6F3FF, #A971AB, #387404, #4C397C, #303557)
• Dusty Bronze Basin color palette (#FFF1F7, #A65C14, #6E5F00, #004772, #362331)
• Plum Boulevard color palette (#F9F2FC, #AB4E6F, #904B00, #004951, #2E2432)
• Pale Rust color palette (#FFEDE9, #BE4F61, #237028, #00475A, #1C0B11)
• Dusty Indigo Orchard color palette (#F3F4FF, #7B60B5, #795100, #004B6A, #232637)
• Patina Bronze color palette (#FDF1F7, #AE5414, #006652, #47306C, #35212C)
• Ancient Plum color palette (#F6F3FF, #A1539E, #006D75, #5E2E5C, #2E2A3A)
• Weathered Bronze Summit color palette (#E2FDEE, #CB7B99, #915D00, #225178, #493647)

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