Tempered Villa color palette — #DFE2BE · #A0AF47 · #68831E · #395315 · #2E2F08
Built around Gold, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DFE2BE): A whisper-light, dusty green — the color of new leaves after rain.
- Gold (#A0AF47): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#68831E): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#395315): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#2E2F08): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Chalky Marigold Meadow color palette (#F0E4D1, #D29F2D, #987C00, #594C02, #2E2B00)
- Sunlit Lagoon color palette (#D4EDCF, #66C57A, #24935D, #106445, #233310)
- Worn Olive color palette (#F0EAB6, #A6AA5D, #69812D, #326429, #034F44)
- Powdered Jade Terrace color palette (#F4F4DA, #8AB362, #C47564, #516F31, #3D1E0D)
- Misty Pine color palette (#D6FFD9, #8FCE8D, #4B8C4D, #1F4A20, #001A04)
- Patina Studio color palette (#DDE8D6, #34A700, #007025, #004423, #002012)
- Timeworn Harbor color palette (#DAF3E6, #00B18C, #007C6D, #004C45, #002F2E)
- Tempered Emerald Villa color palette (#F1F6D1, #4DA44D, #008FA0, #87642B, #1E200A)
Browse the whole catalog at Explore, or see today's palette.