Olive Villa color palette — #F7F6E9 · #A0B98A · #4E8344 · #50621E · #484500
Fern takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F7F6E9): bright and airy, almost weightless.
- Sage (#A0B98A): A luminous, dusty green — the color of new leaves after rain.
- Fern (#4E8344): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#50621E): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#484500): 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
- Aged Stone Atelier color palette (#FAF1E0, #ADBB7E, #558256, #495B48, #2B2816)
- Patina Pine Veranda color palette (#F6F6EB, #84A67F, #267441, #0F555D, #35362F)
- Washed Taupe Balcony color palette (#FBF4EB, #E0D5AE, #8EB98D, #789A7F, #504100)
- Softworn Studio color palette (#ECF9EF, #BECC8F, #749B74, #557881, #314840)
- Softworn Lagoon color palette (#F6F6EE, #CBE4C9, #219CA1, #007361, #305039)
- Soft Emerald Market color palette (#EBEFCE, #27AC60, #006B49, #004F44, #003819)
- Pine Boulevard color palette (#EAEAD9, #3C7C36, #00441E, #002A1E, #011501)
- Tempered Mallow Atelier color palette (#FFF0FC, #E7D6D7, #D0BAF4, #597EAC, #5A4553)
Browse the whole catalog at Explore, or see today's palette.