Tempered Plum color palette — #FFF1F6 · #A990D2 · #B3527A · #20702A · #36212A

Magenta Rose and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mauve (#A990D2): A luminous, balanced violet — the color of twilight just after sunset.
• Magenta Rose (#B3527A): A full-bodied, balanced rose — the color of pressed rose petals.
• Olive (#20702A): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#36212A): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Plum Lagoon color palette (#FEF1F9, #8B92CE, #9C589C, #6A6600, #3A2135)
• Sunlit Forest color palette (#FEF1F8, #A09AE5, #AA6597, #007041, #362F63)
• Hushed Driftwood color palette (#FCF2F3, #C396B8, #B96F5B, #217A64, #482F31)
• Faded Workshop color palette (#FFF2F0, #D4638F, #B45800, #006562, #391225)
• Aged Field color palette (#F1DFE3, #AB77C1, #64433E, #3D262C, #1D161A)
• Frosted Villa color palette (#F1F5FF, #6C70BD, #8F4800, #354D00, #132C38)
• Airy Amber Meadow color palette (#FFF0FB, #9EAFFF, #D7824A, #6B8C5B, #1C3327)
• Dusty Magenta color palette (#FFE4E7, #B935BA, #B8003D, #00542E, #280029)

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