Patina Villa color palette — #F3F2E7 · #ACB996 · #368383 · #4E5B2F · #232B14

A conversation between Teal and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3F2E7): bright and airy, almost weightless.
• Sage (#ACB996): A luminous, dusty green — the color of new leaves after rain.
• Teal (#368383): A full-bodied, dusty teal — the color of glacier melt.
• Olive (#4E5B2F): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#232B14): 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 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

• Weathered Ridge color palette (#F6F1EB, #CDC3A4, #6D8D68, #4E6952, #33312A)
• Lagoon Quarry color palette (#F5F6EC, #8ABDA1, #008673, #5B5E12, #384A00)
• Cypress Courtyard color palette (#F6F2E2, #81AC8C, #13746C, #1B4970, #191F00)
• Muted Lagoon color palette (#EBF9F4, #9BD0CF, #38A19F, #537B6E, #2B4848)
• Washed Cypress Corridor color palette (#F8F0EC, #CBE3D5, #6792BA, #006F58, #3F2036)
• Gentle Cerulean color palette (#D9E8CB, #57B9AF, #008B9B, #005478, #1B2B4D)
• Patina Fern Pier color palette (#F9E0CA, #A79444, #426800, #004846, #1B1600)
• Tempered Cobalt Coast color palette (#D3FDEE, #81C0E0, #1A7EB2, #004B69, #001623)

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