Worn Villa color palette — #FDF4E5 · #B39CCC · #96667F · #56600D · #584045

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

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Mauve (#B39CCC): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#96667F): A full-bodied, dusty rose — the color of strawberry cream.
• Olive (#56600D): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#584045): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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

• Timeworn Forest Archive color palette (#FDF4E6, #CC96AA, #9E6759, #006A4B, #5A403A)
• Weathered Meadow color palette (#FFF4E2, #8DA9D4, #7D6DA0, #7A4F15, #573F50)
• Wandering Meadow color palette (#EDF5E5, #92AAE6, #A45D88, #195F4C, #37262E)
• Muted Ash color palette (#E2FBFC, #A3BEF4, #B87CA4, #377D6C, #434759)
• Hushed Fern color palette (#F5F6EF, #BBC5AB, #728968, #7C5A6F, #415611)
• Weathered Olive color palette (#FFF1F5, #D3B6B5, #AB8D82, #77752B, #3A5A4A)
• Worn Boulevard color palette (#FFF4E2, #BB68B7, #A42D4D, #1A5400, #541F41)
• Ancient Petrol color palette (#F9F4EE, #CAE5E7, #7F9CBF, #027C90, #614A5C)

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