Olive Villa color palette — #E7E0CC · #6F7E3A · #4C4700 · #342600 · #091B00

Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E7E0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#6F7E3A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4C4700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#342600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#091B00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Sunlit Olive Loft color palette (#DEF4E9, #95AA4C, #888000, #715600, #091B00)
• Weathered Bronze color palette (#FCEBDC, #9B6A24, #6A3500, #4A1200, #1E1400)
• Midnight Fern color palette (#FEECCD, #625C00, #372A00, #1B0D00, #030400)
• Amber Hollow color palette (#FED6AC, #AD8736, #804E00, #612A00, #312900)
• Wandering Olive Grove color palette (#FDEDC7, #9AA36B, #776A00, #5F4400, #273D0E)
• Airy Aubergine color palette (#F5D6E3, #5E2CA9, #583D00, #003308, #120329)
• Weathered Thicket color palette (#FFF2EA, #BEA185, #926752, #73423C, #553600)
• Aubergine Garden color palette (#FFE9F0, #6A008E, #372C00, #002416, #000610)

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