Tempered Plum color palette — #F0D6F7 · #CF0063 · #5D4A00 · #00352D · #02003D

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

The five colors

• Thistle (#F0D6F7): A whisper-light, dusty pink — the color of neon signs at night.
• Magenta Rose (#CF0063): A full-bodied, vivid red — the color of a theater curtain.
• Deep Olive (#5D4A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#00352D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#02003D): A deep, shadowed, balanced violet — the color of wild irises.

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

• Ancient Plum Delta color palette (#FFDFDB, #C51369, #185B00, #003B3A, #002151)
• Rust Parlor color palette (#F3D7EA, #C73600, #3A5700, #00323F, #1A0026)
• Magenta Coast color palette (#E5D9FF, #BC00AF, #703E00, #003617, #00101D)
• Weathered Rose Parlor color palette (#FFE0D5, #FC2A4A, #935A00, #474D00, #3E0044)
• Softworn Ember color palette (#F4DFE2, #E86E4F, #9C6112, #004A46, #002A33)
• Peony Boulevard color palette (#F8F2FF, #FD3FC0, #007F3C, #00484F, #001619)
• Ancient Ember Archive color palette (#FDD6D4, #ED3803, #944100, #522A00, #241500)
• Brick Parlor color palette (#EDE0ED, #AC0030, #381000, #180002, #020004)

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