Tempered Villa color palette — #F8F5E7 · #C2CA95 · #B1A7E7 · #8A9434 · #4D466E

Moss takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F5E7): bright and airy, almost weightless.
• Pistachio (#C2CA95): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#B1A7E7): A luminous, balanced violet — the color of twilight just after sunset.
• Moss (#8A9434): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4D466E): A full-bodied, dusty violet — the color of a velvet chair.

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

• Emerald Lantern color palette (#F4F7E9, #A9D0AC, #CD9FD0, #47A356, #684048)
• Straw Quarry color palette (#E8FAF2, #D4DD88, #CCBCF8, #A8AF6C, #474B66)
• Lilac Canyon color palette (#FBF5E6, #BFB06E, #B581CD, #847212, #65414B)
• Amber Station color palette (#FCF4EB, #E4BC93, #86B6E5, #C07A21, #27574C)
• Wandering Taupe Courtyard color palette (#F9F6E0, #A8BA7D, #75ABD4, #C07B8E, #44433B)
• Softworn Fern Atelier color palette (#F8F6E8, #D1E2D3, #9BC4C5, #A99C65, #555704)
• Worn Pier color palette (#EDFAE8, #79C9BA, #E5819F, #009584, #623040)
• Wisteria Boulevard color palette (#F6F8DD, #8AD768, #BE75EB, #357B00, #4F2268)

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