Olive Villa color palette — #F8F5EE · #C7C294 · #4A8D6D · #796F00 · #2C2F28

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

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Pistachio (#C7C294): A luminous, dusty green — the color of new leaves after rain.
• Fern (#4A8D6D): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#796F00): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2C2F28): quiet, heavy and certain.

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

• Hushed Pine Delta color palette (#F4F6F0, #BCC59F, #3389A4, #258145, #23322A)
• Weathered Lagoon Drift color palette (#F5F1EB, #DABF8F, #06968E, #8D6C26, #11180F)
• Tempered Cypress color palette (#FCF6D5, #B7BA93, #5F9571, #006A59, #00514E)
• Dusty Terrace color palette (#F1F7F2, #E9CD9B, #39AEB5, #AC8538, #243034)
• Fern Ridge color palette (#FDF4E6, #98B182, #448571, #624D81, #464D00)
• Worn Driftwood Orchard color palette (#F6F5EF, #D6DBD6, #A3AEB2, #7A885F, #545347)
• Weathered Petrol color palette (#F7F5ED, #7E854B, #376F9D, #663D6E, #3B3530)
• Softworn Pine color palette (#E9EFDD, #008D57, #004756, #003D23, #000406)

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