Tempered Villa color palette — #FFF0F8 · #9B98D0 · #9B8A2E · #6254B3 · #4D4200
Iris takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Mauve (#9B98D0): A luminous, balanced violet — the color of wild irises.
- Moss (#9B8A2E): A luminous, balanced green — the color of new leaves after rain.
- Iris (#6254B3): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#4D4200): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Hushed Moss color palette (#EDF2FF, #9A9BE4, #9B9000, #5C5AA4, #2C2800)
- Ancient Grape color palette (#FFF1F5, #B08FCD, #589C54, #7C4AA4, #2A4C28)
- Amber Lantern color palette (#E9FAF3, #71A7CA, #AD820D, #006D9F, #553E06)
- Misty Mustard color palette (#FFF0F9, #ADAEFE, #AEAA42, #7776C2, #464519)
- Violet Lantern color palette (#FFF1F5, #CFA1B1, #76A77A, #845EA9, #4D4E47)
- Gentle Olive color palette (#FFF0F8, #867DC7, #7D8117, #357333, #4C2C3E)
- Aubergine Hollow color palette (#FFD8E8, #A478E9, #508000, #550098, #1F3500)
- Misty Balcony color palette (#FFF1F2, #DA80BC, #009756, #89006C, #004726)
Browse the whole catalog at Explore, or see today's palette.