Tempered Villa color palette — #F1ECDC · #DC9000 · #8A8600 · #006939 · #040900
Mustard and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1ECDC): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#DC9000): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive Leaf (#8A8600): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#006939): A full-bodied, balanced teal — the color of sea glass.
- Ink (#040900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Emerald Parlor color palette (#ECF2D1, #A79F00, #009C2A, #006259, #000702)
- Muted Field color palette (#F4E0C8, #FE6823, #A27500, #4E5900, #090600)
- Tangerine Villa color palette (#CDE7D9, #E87243, #938000, #00685A, #151D00)
- Sunlit Olive Study color palette (#E1E0CF, #9E8E00, #537A00, #005247, #000200)
- Dusty Delta color palette (#DBF6EA, #E1A117, #A0A600, #00874E, #0F1B00)
- Airy Mustard color palette (#FEF6D3, #FFBA9C, #B3AB00, #008C7E, #000300)
- Forest Lagoon color palette (#E8E6CD, #6E8B5B, #006549, #2C2456, #230827)
- Airy Clover Canyon color palette (#F1F6CE, #C5BB00, #19BE2C, #008A85, #001508)
Browse the whole catalog at Explore, or see today's palette.