Tempered Wisteria color palette — #FFF1F6 · #C29EF5 · #93A76E · #677B3D · #321D26

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C29EF5): A luminous, balanced violet — the color of wild irises.
• Moss (#93A76E): A luminous, balanced green — the color of fresh herbs.
• Olive (#677B3D): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#321D26): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Tempered Wisteria 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

• Mallow Delta color palette (#FFF1F3, #DC96DB, #5EB098, #2F836D, #351C21)
• Timeworn Hollow color palette (#FFF1F4, #DEA0EB, #A4853B, #006778, #00313D)
• Softworn Powder Parlor color palette (#FFF0FA, #9EACFA, #CF897F, #9C6429, #321C2C)
• Blush Harbor color palette (#FFF1F1, #DD85AA, #B37A48, #346939, #281525)
• Patina Emerald color palette (#ECF7FF, #7BC3EC, #A8B56C, #46A66C, #203545)
• Dusty Meadow color palette (#FBF5DF, #E5B9F4, #BD7E82, #007179, #482729)
• Pale Blush color palette (#FFF2EF, #FF6BA0, #00AA89, #007961, #340819)
• Hushed Bronze Field color palette (#F1F5FF, #7B77C0, #8C6C00, #006156, #2D3242)

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