Olive Villa color palette — #E5F7EE · #98A86A · #50702C · #643930 · #07211A
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#E5F7EE): A whisper-light, dusty teal — the color of sea glass.
- Moss (#98A86A): A luminous, balanced green — the color of new leaves after rain.
- Olive (#50702C): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#643930): A deep, shadowed, dusty orange — the color of autumn markets.
- Onyx (#07211A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, 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 Delta color palette (#FBF4E8, #93A45D, #3F7042, #623E4E, #37362F)
- Antique Cabin color palette (#D4E9E2, #759A5C, #18661B, #4A3500, #001712)
- Cypress Summit color palette (#E1F7F6, #72AE98, #007565, #2F4F34, #012123)
- Pine Atelier color palette (#E6F6F2, #8DBFB8, #3E8657, #6D485A, #102D2A)
- Weathered Stone color palette (#F9F5E6, #AABF6F, #6B8C4B, #69615D, #37362F)
- Emerald Courtyard color palette (#F8E2ED, #D37440, #22942B, #893A00, #052306)
- Emerald Market color palette (#ECF9EF, #CBD6A7, #519E53, #6B5A81, #102E25)
- Bronze Hollow color palette (#FFEEE3, #E3955B, #A05300, #4E2300, #1C0900)
Browse the whole catalog at Explore, or see today's palette.