Olive Villa color palette — #F6F7E8 · #C1C99F · #5BA179 · #75762D · #404800
A conversation between Walnut and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F7E8): a clean, paper-quiet neutral.
- Pistachio (#C1C99F): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5BA179): A luminous, balanced teal — the color of shallow lagoons.
- Walnut (#75762D): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#404800): 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 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
- Softworn Bronze color palette (#F9F5E7, #C8E5CA, #6BACA0, #89752C, #363D00)
- Aged Lagoon color palette (#F4F7E8, #8DC2A5, #009676, #536B4E, #2D3C00)
- Worn Market color palette (#E7ECD4, #349868, #00624A, #004516, #001409)
- Turquoise Market color palette (#F5F6EF, #BDE8DF, #52B4C8, #308A86, #344F40)
- Iris Pier color palette (#E4FCEE, #11B6DD, #938AE7, #439A66, #273E32)
- Pale Mustard color palette (#EAFBEA, #67CACB, #BBA600, #009394, #45423B)
- Tempered Archive color palette (#E5FCEE, #DBD8E5, #AC9A9A, #4FA3AE, #3E5249)
- Worn Terrace color palette (#DCFFEB, #82DDFF, #009EC4, #00667E, #003847)
Browse the whole catalog at Explore, or see today's palette.