Tempered Villa color palette — #FEF7CC · #B6CF28 · #9A6CEF · #647400 · #270250
Built around Amethyst, softened by Chartreuse — the whole palette hums with nature and growth.
The five colors
- Custard (#FEF7CC): A whisper-light, dusty green — the color of new leaves after rain.
- Chartreuse (#B6CF28): A luminous, vivid green — the color of new leaves after rain.
- Amethyst (#9A6CEF): A luminous, vivid violet — the color of twilight just after sunset.
- Olive (#647400): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#270250): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy. 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
- Dusty Chartreuse color palette (#EDE5C2, #C4D632, #B98DFF, #717D00, #3D006F)
- Patina Lime Villa color palette (#E2FFDA, #5CE329, #BC63F9, #267600, #2E0346)
- Pale Cornflower color palette (#FFF4DF, #E6BC28, #398CEF, #826700, #001D42)
- Hazy Mint Garden color palette (#EFFBD9, #2CD98C, #C6578F, #007748, #30031C)
- Grape Summit color palette (#D7F7E9, #969D22, #802BC8, #4D5100, #21003B)
- Dusty Chartreuse color palette (#F3FAD2, #57FB77, #F670CE, #008E30, #4D133E)
- Worn Lantern color palette (#EDFAE2, #31EEBF, #DC6F97, #008B6D, #451227)
- Airy Boulevard color palette (#EAFFC3, #97BC2B, #8C4AEB, #B4008F, #0E1500)
Browse the whole catalog at Explore, or see today's palette.