Olive Villa color palette — #F2F3E5 · #83B372 · #A377C7 · #357613 · #3B1B27

A conversation between Olive and Wisteria, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F3E5): bright and airy, almost weightless.
• Jade (#83B372): A luminous, balanced green — the color of fresh herbs.
• Wisteria (#A377C7): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#357613): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#3B1B27): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Peony Bloom color palette (#F1F4E1, #7FB47B, #CD6591, #31762F, #401729)
• Soft Iris color palette (#F6F2E4, #AEA751, #7C83DC, #6E6700, #391C30)
• Wandering Lime Alley color palette (#DFFDF7, #85CE6E, #B890DE, #5B904B, #3F3E60)
• Worn Garden color palette (#F7F7DD, #81B055, #C46E58, #4D7228, #48413D)
• Quiet Meadow color palette (#F4F3DD, #86B049, #7F52B7, #975070, #211F09)
• Patina Byzantium color palette (#DAE4CD, #27AE7D, #9E00AD, #005B3E, #28002D)
• Tempered Corridor color palette (#FAF0E6, #BDA888, #99693E, #743A15, #2A220A)
• Wandering Scarlet color palette (#E9F7E3, #00B09C, #EF2205, #006A5D, #440300)

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