Tempered Villa color palette — #FBF6DB · #8CB060 · #3C6E2B · #5C2C1B · #040A00
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#FBF6DB): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8CB060): A luminous, balanced green — the color of new leaves after rain.
- Olive (#3C6E2B): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#5C2C1B): A deep, shadowed, dusty orange — the color of autumn markets.
- Ink (#040A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Aged Lagoon color palette (#E1E4CB, #5F9F6F, #005D3C, #422200, #000200)
- Timeworn Boulevard color palette (#F9F6E2, #AAC594, #4C8745, #644D1E, #0E1D00)
- Cypress Study color palette (#F0FAE0, #68B39A, #006F62, #00415E, #000A06)
- Timeworn Forest color palette (#D4E7E0, #668641, #165300, #521900, #00211A)
- Ancient Olive color palette (#DCEAE2, #67833E, #00522A, #371B46, #050A00)
- Weathered Olive Veranda color palette (#EBE0C8, #7F7F30, #384100, #2D1400, #010100)
- Muted Chestnut color palette (#F7F7E4, #B4DDB0, #679774, #7D5E13, #282A12)
- Faded Emerald Parlor color palette (#EAE1CB, #95B27B, #28955E, #745097, #112000)
Browse the whole catalog at Explore, or see today's palette.