Olive Villa color palette — #F5F7E5 · #95C887 · #D28FE0 · #488C33 · #5C353E

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

The five colors

• Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#95C887): A luminous, balanced green — the color of fresh herbs.
• Pink Orchid (#D28FE0): A luminous, balanced pink — the color of a candy shop window.
• Olive Leaf (#488C33): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#5C353E): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Lilac Grove color palette (#FBF5E3, #BEBC6D, #A594F4, #8A8400, #593549)
• Ancient Blush Dune color palette (#F0F9E8, #5DCFAD, #E082AC, #009677, #5C3446)
• Chalky Atelier color palette (#DFFDF6, #AEDB98, #DFA8DE, #7AB05E, #573357)
• Worn Terrace color palette (#F4F8E0, #5AB762, #A075BA, #37763D, #4E385B)
• Tempered Jade Field color palette (#F4F8DF, #67BB6F, #7195EB, #C6665E, #373932)
• Feathered Emerald color palette (#E8FAF6, #B1E5A6, #74C5F9, #5B9D4D, #143C54)
• Feathered Blush color palette (#E9FBE9, #00C7C6, #FF5772, #008988, #6A1627)
• Amber Market color palette (#FEF3E8, #D0BA9A, #B7834B, #8C5C42, #403D36)

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