Worn Villa color palette — #F5F2E9 · #C8C5A8 · #688F64 · #58674D · #32312A

Fern and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E9): bright and airy, almost weightless.
• Pistachio (#C8C5A8): A luminous, dusty green — the color of new leaves after rain.
• Fern (#688F64): A luminous, dusty green — the color of new leaves after rain.
• Olive (#58674D): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#32312A): a grounded near-black with real depth.

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

• Muted Delta color palette (#F5F1EB, #C9E1D9, #57ABB5, #3B7961, #243C30)
• Antique Lagoon Archive color palette (#F0F8F0, #A0CCBA, #5A8C87, #556A72, #3E524A)
• Lagoon Chapel color palette (#E5E6D7, #5B9E77, #006452, #004148, #0F1500)
• Wandering Drift color palette (#FBEDF9, #E8D2D2, #C9A490, #668F82, #43323D)
• Hushed Driftwood color palette (#FBEDF9, #7D9CD6, #C17573, #60835C, #30212F)
• Worn Station color palette (#F4EBDB, #7E7D1C, #354C00, #002E3F, #0B0700)
• Gentle Pine Lagoon color palette (#F4F3E1, #78BA7D, #007F59, #005859, #08280D)
• Obsidian Fern color palette (#E7E1C8, #3F6428, #003417, #001916, #000200)

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