Tempered Villa color palette — #ECD7E5 · #6DBC51 · #474B99 · #222548 · #150511

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

The five colors

• Silver (#ECD7E5): A whisper-light, dusty pink — the color of peonies in June.
• Clover (#6DBC51): A luminous, vivid green — the color of fresh herbs.
• Indigo (#474B99): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#222548): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#150511): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

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

• Patina Mint Thicket color palette (#FFE7F3, #91C674, #6455A1, #362F55, #1E1218)
• Aged Moss Chapel color palette (#EDDCE3, #74A40E, #50307E, #210E3A, #080003)
• Feathered Courtyard color palette (#F4D5D9, #9CB03B, #7E2F7E, #3A1C39, #170508)
• Marigold Balcony color palette (#E8D8E6, #DB9400, #30519A, #15274D, #140513)
• Indigo Veranda color palette (#D6DEF2, #A9C478, #6E6ACB, #413E80, #040820)
• Soft Nightshade Boulevard color palette (#F2F5FF, #D6B674, #553F8F, #1E0047, #01000A)
• Feathered Mustard Canyon color palette (#FFF2EE, #CEBE00, #A93F55, #62202E, #29140F)
• Timeworn Sand color palette (#FEF2F1, #D4D697, #9D7070, #604545, #352727)

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