Tempered Villa color palette — #FFF4E1 · #CDEBBA · #BABF74 · #728D3F · #4E4E47
A conversation between Olive Leaf and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Celadon Mist (#CDEBBA): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#BABF74): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#728D3F): A luminous, balanced green — the color of fresh herbs.
- Charcoal Brown (#4E4E47): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged light, 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
- Chalky Lagoon color palette (#FBF7D7, #B4F0D3, #8AC084, #298C61, #465735)
- Bronze Lantern color palette (#FFF2EB, #ECDAB7, #E4AC71, #A0732C, #4C4841)
- Timeworn Mustard Hollow color palette (#FFE5EE, #D7B665, #85964B, #496541, #1A3E3F)
- Muted Field color palette (#F7F6E9, #DFEDB5, #CFC1FF, #8FA53B, #493F64)
- Patina Olive color palette (#F7F8DB, #CCEBC6, #96B980, #4F7B3B, #1B320B)
- Quiet Emerald color palette (#DFF6B0, #84BE59, #099C26, #005438, #001F16)
- Aged Loft color palette (#E8FED1, #8ED18D, #00AE6D, #006C51, #00362E)
- Fern Parlor color palette (#F7F6EA, #D1E4D4, #BDC3CF, #BCB383, #535400)
Browse the whole catalog at Explore, or see today's palette.