Olive Villa color palette — #F7F2DE · #A1AB5C · #9181C3 · #636B00 · #2A1E47
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F2DE): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A1AB5C): A luminous, balanced green — the color of new leaves after rain.
- Slate Blue (#9181C3): A luminous, balanced violet — the color of wild irises.
- Olive (#636B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#2A1E47): A deep, shadowed, dusty violet — the color of wild irises.
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
- Chestnut Harbor color palette (#FAF1E0, #BAA161, #5F91C7, #7D6000, #0B2845)
- Dusty Parlor color palette (#EFF4E3, #8BC39B, #AF8EBD, #3B8355, #48242F)
- Washed Harbor color palette (#EAFAF2, #B9BD78, #B295D9, #848700, #4B3862)
- Wandering Rose Meadow color palette (#FAF5E6, #A6A362, #C96777, #6E6900, #60333A)
- Ancient Moss Loft color palette (#F7F3D8, #849749, #8373B2, #795C94, #231F02)
- Feathered Peony color palette (#E8F7E1, #00B19A, #BB53B6, #006A5C, #3B0039)
- Tempered Alley color palette (#FEEEE5, #C9A382, #986755, #674136, #2D2009)
- Weathered Byzantium color palette (#E7E9CC, #5BAD23, #9228AB, #285A00, #270030)
Browse the whole catalog at Explore, or see today's palette.