Olive Villa color palette — #FFF3E4 · #ABA667 · #52762B · #45488A · #403C0E

Olive takes the lead with Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sage (#ABA667): A luminous, balanced green — the color of fresh herbs.
• Olive (#52762B): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#45488A): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#403C0E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, 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

• Pale Aubergine Lagoon color palette (#FBF5DF, #84B178, #007C59, #663B7C, #27431F)
• Soft Fern Lantern color palette (#EFE3D0, #8A9163, #246519, #40306E, #282C00)
• Timeworn Olive color palette (#E5F7EB, #B1AB62, #6B7200, #70393E, #012819)
• Antique Studio color palette (#FEF4E0, #C4BE79, #878E00, #965258, #3D3A34)
• Mulberry Canyon color palette (#EBEDD9, #52A389, #006869, #770953, #003729)
• Worn Aubergine Basin color palette (#F2EAD1, #608653, #005238, #42135A, #072100)
• Cerulean Ridge color palette (#FFF2EC, #98DCDF, #008DAD, #006A48, #00446B)
• Misty Jade color palette (#E9FBE8, #DCD17B, #8DB45B, #7B87AD, #1B4431)

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