Tempered Plum color palette — #F7F2FF · #E1EEA8 · #A3598B · #3F3051 · #120D18

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

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Celadon Mist (#E1EEA8): A whisper-light, balanced green — the color of fresh herbs.
• Magenta Rose (#A3598B): A full-bodied, balanced pink — the color of a candy shop window.
• Navy (#3F3051): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#120D18): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Wandering Straw color palette (#FDF1FA, #F4E7A0, #A46254, #542B23, #160B13)
• Driftwood Station color palette (#F9F3F9, #C0E6F6, #AE7376, #543D54, #201820)
• Mint Thicket color palette (#FBEEF0, #91C294, #6D446B, #371B36, #15080A)
• Patina Coral Bloom color palette (#FFF2EF, #FFC8A1, #C57C8D, #7A5A54, #291F1D)
• Softworn Canyon color palette (#F8F3FC, #FBD2CF, #BC9B00, #C86294, #06160C)
• Jade Boulevard color palette (#F3F4FF, #C49EF3, #3CB780, #3D78A3, #222335)
• Worn Lagoon color palette (#FFF1F5, #E6CE8A, #8D5400, #3C2100, #0B0104)
• Gentle Thicket color palette (#E8FBED, #FFB5B9, #C48200, #3A6696, #402939)

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