Worn Villa color palette — #F8F1E5 · #A9A174 · #686832 · #64373E · #251A00

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sage (#A9A174): A luminous, dusty green — the color of new leaves after rain.
• Olive (#686832): A full-bodied, dusty green — the color of a quiet forest floor.
• Cocoa (#64373E): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#251A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Worn 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

• Weathered Pier color palette (#F2F3E2, #7EAE84, #2D744F, #613D1E, #1B1F00)
• Softworn Olive color palette (#F6F2E3, #ADBA8F, #7B782F, #7E4321, #2B2811)
• Patina Corridor color palette (#EFF4E7, #74AE9B, #277268, #204B65, #122103)
• Driftwood Veranda color palette (#FDF3E8, #DCD195, #7D9357, #77596C, #312609)
• Tempered Apricot color palette (#FFEEE5, #E7D8B2, #D4A271, #975D5A, #301B0C)
• Gentle Terracotta Atelier color palette (#FFEDE9, #E3907C, #A4452B, #680F00, #1E0200)
• Hushed Fern Canyon color palette (#F3E9D2, #7A7D42, #3D4A00, #4A1416, #080800)
• Aubergine Canyon color palette (#FCE6DD, #B95B59, #886A00, #7A3C8F, #280800)

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