Olive Villa color palette — #F4F3E3 · #95AD7A · #A976BB · #4E7200 · #371841

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

The five colors

• Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#95AD7A): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#A976BB): A luminous, balanced pink — the color of neon signs at night.
• Olive (#4E7200): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#371841): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Worn Pine Market color palette (#F0F3EA, #ACBA91, #C6869E, #008755, #492232)
• Chestnut Villa color palette (#FBF0E0, #BD9F68, #6F8CCA, #815E00, #13244E)
• Moss Boulevard color palette (#E9FAF4, #AAC27B, #CE87CE, #6F8D17, #543654)
• Worn Quarry color palette (#F6F7E5, #82AE6A, #0095CB, #3C7608, #18485F)
• Powdered Garden color palette (#F0F6D8, #649D6C, #8670BA, #98488C, #1D2105)
• Cocoa Corridor color palette (#FBF0E6, #BBA88E, #926C4D, #773629, #2A220A)
• Pale Crimson color palette (#E5F9DD, #00B09D, #E23A56, #006A5E, #44000F)
• Plum Courtyard color palette (#EAF0CF, #26B247, #AF007A, #005D1C, #2E001D)

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