Tempered Villa color palette — #F9F6E7 · #AEB48A · #677A56 · #3E634E · #414700
Deep Olive and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F9F6E7): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#AEB48A): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#677A56): A full-bodied, dusty green — the color of new leaves after rain.
- Pine (#3E634E): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#414700): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, 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
- Antique Fern color palette (#F4F6EE, #BECAA9, #619E88, #387F79, #384A00)
- Driftwood Terrace color palette (#FCF4EA, #CDC09D, #88853C, #765D6D, #5F4B00)
- Cypress Grove color palette (#F8F6E8, #78A981, #007461, #623F47, #323A00)
- Timeworn Lagoon color palette (#E8F5F3, #90BDBD, #43836E, #13625C, #0A2D2D)
- Worn Amber Loft color palette (#FEE7CF, #AB8F1F, #526300, #2C3E79, #382D00)
- Aged Atelier color palette (#EBF9F3, #B0E0DA, #59C2A1, #6B97AC, #2D4845)
- Lilac Lantern color palette (#FFF0F8, #9B94E0, #A1873C, #635AA1, #524008)
- Hushed Cerulean color palette (#FBF3EF, #C6E5D2, #5891B7, #247064, #573E55)
Browse the whole catalog at Explore, or see today's palette.