Tempered Villa color palette — #ECF5EC · #B3B887 · #45864E · #594F6E · #142D24
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECF5EC): bright and airy, almost weightless.
- Sage (#B3B887): A luminous, dusty green — the color of fresh herbs.
- Fern (#45864E): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#594F6E): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Forest (#142D24): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Olive Canyon color palette (#FDEDF2, #B4AB49, #377E17, #4A4379, #002819)
- Worn Lagoon color palette (#E6F6F0, #86C0BE, #128682, #43576C, #092D2D)
- Aged Basalt Lagoon color palette (#FCF4EA, #BFCB94, #6C9D78, #84696E, #4D4200)
- Feathered Mulberry color palette (#F5EEFF, #CE8BB6, #5DA755, #933878, #002F2A)
- Muted Coast color palette (#E3EEE2, #8E9355, #006821, #3F2F57, #00170F)
- Washed Cerulean Orchard color palette (#F6EFF5, #C0E3F0, #4997C1, #2D6C4C, #1B2C46)
- Sand Hollow color palette (#F3EFFF, #F3CEDF, #F7C088, #6F75A1, #33283A)
- Patina Olive color palette (#DCEDE3, #598746, #00503E, #3E1546, #020B00)
Browse the whole catalog at Explore, or see today's palette.