Patina Villa color palette — #FAF5E7 · #E3DAB3 · #BBB987 · #A0906E · #514900

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

The five colors

• Ivory (#FAF5E7): a clean, paper-quiet neutral.
• Wheat (#E3DAB3): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#BBB987): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#A0906E): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#514900): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Bronze Balcony color palette (#F6F1E6, #BFBD9A, #9A7F39, #7A4C0D, #292F1C)
• Washed Mustard color palette (#FFF2EE, #F3ACB4, #C9B66C, #8BA372, #493935)
• Weathered Glacier color palette (#EAF9F1, #A9ECE3, #B6B081, #6C806D, #2E4442)
• Softworn Sky Coast color palette (#FEF2ED, #62C5EE, #ADAA56, #689E70, #2E392E)
• Hazy Apricot Grove color palette (#FFEAD9, #F7BA7B, #E58A3A, #B46A42, #39352F)
• Pale Terracotta color palette (#F0E3DA, #AD7045, #9B4100, #721D00, #070200)
• Pale Blush color palette (#FFF1F2, #FFC5E1, #EC98B7, #C77786, #723439)
• Ember Alley color palette (#FFD3C1, #F2A271, #F06104, #B74830, #3F2000)

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