Tempered Villa color palette — #F7F1E8 · #CBC49F · #668E71 · #74595B · #32312A

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Pistachio (#CBC49F): A luminous, dusty green — the color of fresh herbs.
• Fern (#668E71): A luminous, dusty teal — the color of glacier melt.
• Graphite (#74595B): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#32312A): a grounded near-black with real depth.

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

• Timeworn Fern color palette (#F8F5E8, #AFCBA2, #628D6F, #715F72, #515100)
• Dusty Azure Dune color palette (#F7F0ED, #C7E5E1, #68A3CD, #407860, #422F3E)
• Oat Boulevard color palette (#EDF9EF, #C8D9AC, #75A6A5, #7F7A8C, #3E524C)
• Washed Cypress Lagoon color palette (#FBF1D9, #8CB580, #007D65, #6F384B, #212202)
• Washed Jade color palette (#FEEDED, #DC9CC4, #61B078, #9A5882, #30322B)
• Hushed Emerald color palette (#E6E2D2, #58A06B, #00635B, #582731, #101400)
• Timeworn Lagoon color palette (#FFECF0, #B58BBC, #20A29A, #318882, #332225)
• Wandering Lantern color palette (#FCEFE3, #ACA167, #4A722A, #40416B, #241B05)

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