Tempered Villa color palette — #F5F6EB · #85BEA7 · #218382 · #5C5E11 · #324B08
Olive and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F6EB): a clean, paper-quiet neutral.
- Mint Leaf (#85BEA7): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#218382): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#5C5E11): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#324B08): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Patina Pine color palette (#FDF4E3, #A5B887, #4C815A, #49614B, #4A4400)
- Quiet Jade color palette (#FBF6D8, #60BA74, #007B66, #235869, #204427)
- Aged Cerulean color palette (#ECF8F5, #9FCED2, #569CA3, #507C72, #23494C)
- Patina Taupe color palette (#FFF3E6, #AB9C46, #546D22, #5C4155, #38352E)
- Softworn Azure Courtyard color palette (#E5FBF2, #22ACE7, #BF7353, #006E98, #48413C)
- Aged Emerald color palette (#E6E6D1, #37A271, #00635B, #134359, #242D0E)
- Muted Cerulean color palette (#FCF3ED, #BAE9D2, #5D8FBC, #12706C, #573E52)
- Muted Cerulean color palette (#DEFEF0, #0094CA, #AE6540, #8A5E30, #233E34)
Browse the whole catalog at Explore, or see today's palette.