Tempered Villa color palette — #E3FBF4 · #7EB46A · #007F2E · #44591C · #2A4221

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

The five colors

• Ivory (#E3FBF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#7EB46A): A luminous, balanced green — the color of fresh herbs.
• Olive (#007F2E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#44591C): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#2A4221): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Worn Olive color palette (#E9FAEF, #AAA761, #677100, #5E5016, #174432)
• Hushed Cypress Field color palette (#E8F9F7, #6AAB88, #007459, #2E5535, #103D3D)
• Washed Lime Study color palette (#FDF5DD, #8FCF70, #009F6D, #6B6961, #3B3B34)
• Muted Quarry color palette (#E2FDED, #B2DDA2, #40BD9B, #938A56, #28431C)
• Aged Bronze Hollow color palette (#DEF6E6, #807D37, #424A00, #1A3700, #002115)
• Lagoon Parlor color palette (#EBF8F6, #9DCBC8, #578F72, #4A6D72, #3A5351)
• Weathered Teal color palette (#94F7DD, #00AD9F, #007B76, #005F61, #104259)
• Weathered Alley color palette (#D7EFFF, #008DB3, #7E32FF, #007349, #003647)

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