Tempered Villa color palette — #F9EECB · #7B9037 · #296B29 · #004855 · #31312A
Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Custard (#F9EECB): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#7B9037): A luminous, balanced green — the color of new leaves after rain.
- Olive (#296B29): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Teal (#004855): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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
- Jade Thicket color palette (#FCF6D9, #71A868, #2A7A5A, #005477, #3C3E37)
- Olive Lagoon color palette (#F2F4E1, #518738, #00615D, #003E61, #342B00)
- Bronze Studio color palette (#FBEDD5, #B27900, #695A00, #004C39, #34302A)
- Gentle Lagoon color palette (#FFE7F0, #B7A140, #368B58, #763683, #07392C)
- Quiet Olive color palette (#E0E3C1, #4A7400, #004A23, #002936, #051C00)
- Aubergine Market color palette (#FBE4D1, #9E8839, #0C6D37, #5C0B61, #171A00)
- Wandering Chapel color palette (#CAEBC2, #A5B18C, #6B7C60, #315873, #523A51)
- Moss Summit color palette (#D7F7E8, #ACC671, #4DB054, #00829A, #103831)
Browse the whole catalog at Explore, or see today's palette.