Tempered Villa color palette — #FEF4DF · #D0D0B9 · #9FAF88 · #957E8E · #604B50

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

The five colors

• Cream (#FEF4DF): A whisper-light, dusty gold — the color of old brass.
• Oat (#D0D0B9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9FAF88): A luminous, dusty green — the color of fresh herbs.
• Heather (#957E8E): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#604B50): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted, light.

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

• Washed Cocoa Alley color palette (#F0F9E4, #B0CDAE, #80AB97, #916B6C, #814128)
• Wandering Bone Quarry color palette (#E7FCE8, #C3E8DC, #ADC6C8, #A19DB0, #545062)
• Weathered Teal Delta color palette (#F2EEC8, #A1CFB0, #28AF9F, #7B6998, #603E59)
• Antique Jade color palette (#FFF5D2, #BAD296, #7AB66D, #558A65, #4C5049)
• Wandering Bronze color palette (#F5F6ED, #CDD5BA, #66AB98, #A3723A, #45550B)
• Aged Hollow color palette (#E8E9CE, #82B59D, #13949A, #665377, #4B283D)
• Periwinkle Veranda color palette (#F2F8E5, #7CC494, #90A0E6, #C47D6C, #41433C)
• Softworn Mallow color palette (#F4F7EA, #A4D2A8, #D19CD1, #659C6B, #654248)

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