Tempered Villa color palette — #E7FCE6 · #00C7C3 · #B89900 · #008986 · #473900
Built around Mustard, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E7FCE6): A whisper-light, dusty green — the color of a quiet forest floor.
- Aqua (#00C7C3): A luminous, balanced teal — the color of glacier melt.
- Mustard (#B89900): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008986): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#473900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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
- Amber Lagoon color palette (#EEFBD9, #4BC891, #DD8200, #008E5F, #573000)
- Frosted Clover Courtyard color palette (#DBFEF3, #56B7FD, #4DB550, #007EC1, #04480B)
- Hushed Cornflower Ridge color palette (#D3F6D5, #00B1B4, #4E89FF, #5B8F00, #003839)
- Mint Villa color palette (#E6FBF1, #85CF90, #00739B, #004059, #002116)
- Hushed Iris color palette (#FBF2F9, #B3C3F0, #6AC5AA, #6B86E0, #435336)
- Soft Azure Study color palette (#F3F9DC, #66C779, #25A2FC, #00903A, #003D67)
- Antique Boulevard color palette (#E4FDE6, #00A8AC, #E7005F, #006A6C, #602230)
- Tempered Blush color palette (#E6F9FF, #48F4FB, #E97C96, #00ACB2, #612133)
Browse the whole catalog at Explore, or see today's palette.