Tempered Villa color palette — #F8F5E9 · #C4CB8B · #ABA8F0 · #8C9252 · #5F4353
A conversation between Lavender and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5E9): bright and airy, almost weightless.
- Pistachio (#C4CB8B): A whisper-light, balanced green — the color of new leaves after rain.
- Lavender (#ABA8F0): A luminous, balanced violet — the color of a velvet chair.
- Moss (#8C9252): A luminous, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#5F4353): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, 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
- Ancient Taupe color palette (#EAF9F3, #D1DBAA, #C0C0FD, #A4B166, #424C6A)
- Hushed Emerald color palette (#F3F7EC, #95D6AA, #E197BB, #4CA06D, #634443)
- Antique Lilac Drift color palette (#FBF5E2, #B5B677, #9B9CE6, #A981B5, #44423B)
- Patina Aqua Basin color palette (#FBF4EB, #DEBF90, #4AC4D6, #AC8544, #385541)
- Timeworn Mustard Pier color palette (#E5FBF2, #AEB861, #4EA7B7, #71783E, #2F5361)
- Patina Fern color palette (#F9F6E3, #CEE9CF, #A0DDF0, #BCA17A, #5B5300)
- Hushed Moss color palette (#F9F7DB, #C4DDA7, #89A756, #5E7641, #383730)
- Softworn Wisteria Thicket color palette (#EAF3DB, #5DBE8F, #C969D3, #008758, #462949)
Browse the whole catalog at Explore, or see today's palette.