Olive Villa color palette — #F8F1E2 · #A3A46F · #5E6D00 · #63383C · #231B02

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

The five colors

• Cream (#F8F1E2): A whisper-light, dusty gold — the color of old brass.
• Sage (#A3A46F): A luminous, dusty green — the color of fresh herbs.
• Olive (#5E6D00): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#63383C): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#231B02): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Fern Basin color palette (#F3EBD7, #8F9344, #4C5D00, #522F0B, #131300)
• Worn Cocoa Ridge color palette (#F6F2E4, #AEBA88, #647F42, #7F4223, #2B2814)
• Antique Harbor color palette (#F4F3E4, #87AC7B, #387443, #005157, #1D1E06)
• Mustard Field color palette (#E9FAEF, #BBB96A, #7C8749, #715A73, #1B3D2F)
• Aged Mulberry color palette (#F7E4DE, #D66C70, #778500, #A1002A, #1B1F00)
• Dusty Olive color palette (#F8EDD5, #7F7D26, #404900, #510713, #090800)
• Airy Boulevard color palette (#FFE7DB, #C85035, #7E6F00, #803C7F, #250C01)
• Apricot Canyon color palette (#FFEEE5, #FFCBB1, #E3A566, #955456, #341F12)

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