Tempered Olive Villa color palette — #EBF9F3 · #88BCAD · #5E7E4D · #3D6355 · #2E4941
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EBF9F3): bright and airy, almost weightless.
- Mint Leaf (#88BCAD): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#5E7E4D): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#3D6355): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal (#2E4941): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Olive 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
- Aged Pine color palette (#E7FAF5, #87A57E, #31733F, #225456, #153D38)
- Lagoon Delta color palette (#BBEFF1, #57BC9F, #00937F, #00675E, #194C57)
- Hushed Powder color palette (#E6F9FF, #D4DBE7, #8EC7E7, #458A84, #32505B)
- Aqua Balcony color palette (#E6F9FF, #62C8CB, #008289, #004B4D, #003436)
- Misty Iris color palette (#E4FAFF, #34B5AE, #867AD8, #007570, #403C63)
- Washed Ridge color palette (#FBF5E8, #B7CE8F, #6F9C79, #8B6D26, #4B4400)
- Tempered Indigo color palette (#E9F8FF, #0099AE, #666CD9, #357A3C, #1D3D4A)
- Emerald Boulevard color palette (#D9F1EC, #48A95D, #006C42, #264F11, #0A3816)
Browse the whole catalog at Explore, or see today's palette.