Olive Villa color palette — #F6F2E6 · #9EA668 · #576E27 · #683631 · #221C00

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

The five colors

• Cream (#F6F2E6): bright and airy, almost weightless.
• Sage (#9EA668): A luminous, balanced green — the color of new leaves after rain.
• Olive (#576E27): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#683631): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Cypress Loft color palette (#F0F4E5, #6BB192, #007660, #5A411C, #162006)
• Timeworn Summit color palette (#F3F3E7, #B4B78E, #498553, #7B4615, #282911)
• Timeworn Fern Loft color palette (#EFEBD9, #7C985D, #296514, #4C3400, #141300)
• Worn Bloom color palette (#EDF9EF, #99A163, #466F3E, #444865, #213C32)
• Hushed Stone color palette (#E6FBF0, #B1BC70, #738A4A, #725A6E, #1C3D32)
• Linen Terracotta color palette (#FFEEE2, #E69265, #9E4500, #502100, #1D0800)
• Aged Mulberry color palette (#EEDED3, #BC5C2B, #717400, #8E3176, #230D00)
• Pine Bloom color palette (#E6E8D5, #287A3E, #004227, #301700, #000401)

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