Tempered Villa color palette — #F5F4FF · #9EBA7B · #6B387C · #3C2245 · #21202C

Plum and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Sage (#9EBA7B): A luminous, balanced green — the color of a quiet forest floor.
• Plum (#6B387C): A full-bodied, balanced pink — the color of peonies in June.
• Deep Indigo (#3C2245): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#21202C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Pewter Orchard color palette (#F7F3FB, #C0C591, #804A65, #3F324A, #2B2227)
• Mulberry Alley color palette (#FFEDED, #E4A182, #773E65, #3A1E20, #13090A)
• Garnet Summit color palette (#FFEFFF, #ABA63C, #89002A, #4E0014, #221622)
• Ash Grove color palette (#FFF1F3, #EDD299, #B183B0, #7F565D, #2B1D20)
• Weathered Moss color palette (#E8E0F4, #8A9E00, #690054, #340028, #150723)
• Hushed Villa color palette (#F6F3FD, #D894CE, #AB5200, #8C3B83, #2D1F26)
• Pewter Orchard color palette (#F7F3F9, #E2D7DA, #D5B9B8, #9A6074, #4B454D)
• Soft Bronze Loft color palette (#E5FCEE, #C77CA1, #9E5226, #005574, #48354B)

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