Olive Villa color palette — #F3F3E4 · #A5BC90 · #9E91D1 · #56801C · #442636

Built around Olive Leaf, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Sage (#A5BC90): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#9E91D1): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#56801C): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#442636): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Tempered Bronze Balcony color palette (#F6F1E6, #BDB485, #7B9DD4, #827208, #1E314F)
• Weathered Pine Hollow color palette (#EEF4E9, #87C2AB, #CE8396, #008665, #4B222D)
• Wisteria Basin color palette (#EBF9F4, #BCCD93, #CA9CE4, #829647, #4B4966)
• Olive Corridor color palette (#F7F6EA, #A9B781, #D37C79, #6A7C25, #534B48)
• Pewter Studio color palette (#F3F3E2, #84A972, #9B7DBF, #96629E, #292911)
• Byzantium Courtyard color palette (#EFF6D5, #5FBF78, #9F4AB2, #006E30, #360440)
• Tempered Bronze Quarry color palette (#FAF0E8, #CCB89F, #AD7445, #7B4842, #332B1B)
• Patina Courtyard color palette (#EEF4EB, #DCBCA2, #326E5F, #263718, #0F160A)

Browse the whole catalog at Explore, or see today's palette.