Olive Villa color palette — #FBF5E6 · #A7A958 · #617300 · #7A3B3A · #3C3A34

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

The five colors

• Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A7A958): A luminous, balanced green — the color of new leaves after rain.
• Olive (#617300): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#7A3B3A): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#3C3A34): quiet, heavy and certain.

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

• Wandering Hollow color palette (#F5EAD7, #A69200, #5F5E00, #6B2F00, #352E00)
• Aged Boulevard color palette (#F4F8E1, #5BB984, #007C5C, #714604, #393C35)
• Ancient Olive color palette (#FCF0E0, #AFAC54, #497B15, #4C4571, #232200)
• Sunlit Mustard color palette (#E4FDE6, #C3C152, #659742, #676292, #3E3D10)
• Hushed Villa color palette (#F8F5ED, #CBC19A, #798855, #8A5922, #5C4C00)
• Patina Marigold Atelier color palette (#FFF2EA, #E6DABF, #EAA100, #AA5245, #5A3620)
• Washed Mulberry Basin color palette (#FFE5DB, #D34F00, #797700, #A0178A, #4C2312)
• Olive Pier color palette (#E8E8D8, #528A4D, #005327, #4A2200, #1B1D00)

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