Tempered Villa color palette — #F2F9E0 · #40BE72 · #AB37A0 · #006F39 · #5A1E54
Orchid and Clover set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F9E0): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#40BE72): A luminous, balanced teal — the color of sea glass.
- Orchid (#AB37A0): A full-bodied, vivid pink — the color of neon signs at night.
- Pine (#006F39): A full-bodied, balanced teal — the color of sea glass.
- Royal Purple (#5A1E54): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Energy, 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
- Softworn Magenta Summit color palette (#EEF6D8, #2AC670, #BF0DB0, #006E38, #390634)
- Frosted Orchid Canyon color palette (#F7F8DA, #75B84A, #A451D4, #2D5C00, #4E2367)
- Plum Hollow color palette (#E7F3E0, #2DA38A, #B75175, #006654, #581D33)
- Peony Terrace color palette (#D9FEF9, #5BDF68, #EF54C0, #007F20, #592548)
- Antique Indigo Garden color palette (#FFF5D7, #A09724, #7563F2, #655E00, #362E72)
- Soft Chartreuse color palette (#D4FFFD, #5EFC9B, #FF85DE, #009D53, #58254B)
- Dusty Mulberry color palette (#DFF5DA, #007E75, #A30055, #00433E, #380019)
- Indigo Garden color palette (#E3F2CB, #009763, #625ED9, #A43700, #003B24)
Browse the whole catalog at Explore, or see today's palette.