Tempered Villa color palette — #F8F6E5 · #A7BD93 · #658D5D · #007273 · #36362F
A conversation between Teal and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F6E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A7BD93): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#658D5D): A luminous, balanced green — the color of fresh herbs.
- Teal (#007273): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#36362F): 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
- Softworn Lagoon color palette (#F1F8E9, #A7BC9B, #00948A, #3B6889, #293C1D)
- Softworn Driftwood Archive color palette (#E8FAF2, #C4DA9F, #749561, #406B75, #062F26)
- Softworn Workshop color palette (#F6F6EC, #C0DEBF, #47A5AC, #007E6D, #00434C)
- Olive Veranda color palette (#FCF4E8, #A09F60, #43711C, #45476C, #37352F)
- Weathered Olive Ridge color palette (#EAE5D0, #98AF71, #4D822A, #7D4332, #2E2A00)
- Aged Courtyard color palette (#EBEAD7, #799E70, #187337, #004F56, #052200)
- Gentle Studio color palette (#FCF5E2, #BCC080, #7C903F, #A44846, #3C3E00)
- Ancient Balcony color palette (#EBFAEC, #CDCE94, #84AE6C, #7682A6, #1B3D2F)
Browse the whole catalog at Explore, or see today's palette.