Olive Villa color palette — #E6F6F2 · #91AF70 · #8B7FD4 · #4B7200 · #272145
A conversation between Olive and Lavender Blue, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6F6F2): bright and airy, almost weightless.
- Sage (#91AF70): A luminous, balanced green — the color of a quiet forest floor.
- Lavender Blue (#8B7FD4): A luminous, balanced violet — the color of a velvet chair.
- Olive (#4B7200): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#272145): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Iris Archive color palette (#E8F6EB, #BE9F5E, #8583D0, #7F5F00, #24204A)
- Pine Delta color palette (#E0F8F6, #74B586, #BE6FA3, #00793C, #3F1532)
- Olive Pier color palette (#E5FBF5, #88AE5D, #0098C0, #4C7300, #11495C)
- Linen Lilac color palette (#F8F6E2, #A9C380, #B698FB, #65861D, #5A3547)
- Weathered Plum Canyon color palette (#DCF9F4, #699E5A, #7F71C1, #934898, #002420)
- Bronze Lagoon color palette (#E3F7F1, #C0DAFB, #A7B8EE, #997B28, #183B39)
- Powdered Byzantium color palette (#D3F3EF, #27B244, #9D00AF, #005D1A, #28002E)
- Softworn Cocoa Basin color palette (#FDEDF5, #99B497, #99684C, #723836, #0F291A)
Browse the whole catalog at Explore, or see today's palette.