Patina Villa color palette — #F8F1E1 · #9BA676 · #497137 · #6F3314 · #211C00

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

The five colors

• Cream (#F8F1E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9BA676): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#497137): A full-bodied, balanced green — the color of new leaves after rain.
• Rust (#6F3314): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#211C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Worn Pine color palette (#FBF2D6, #97B468, #397C3A, #524E16, #192500)
• Hushed Jade color palette (#E4E9C5, #41AB80, #006A5E, #563600, #001C10)
• Hushed Chestnut Villa color palette (#FAF2D1, #BFE2B7, #71C1A6, #7A631E, #2B2807)
• Washed Cypress Courtyard color palette (#E9FAEF, #8BA47C, #237259, #603A65, #063F37)
• Ancient Indigo color palette (#F0E9D0, #95973F, #766FC2, #595900, #1A143D)
• Worn Chestnut color palette (#F8F1E7, #CFC3A1, #7C895F, #7E5A13, #33312A)
• Faded Olive Delta color palette (#E5E0C5, #77851A, #0077A9, #8E385C, #191400)
• Hushed Courtyard color palette (#E9E4D3, #67834A, #00531C, #4A1602, #040A00)

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