Weathered Villa color palette — #FCF3EC · #DFDDCC · #9AB8BA · #CB7C2F · #39342F

Mustard and Ash set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Bone (#DFDDCC): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#9AB8BA): A luminous, dusty blue — the color of deep harbor water.
• Mustard (#CB7C2F): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#39342F): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Ridge color palette (#FDF3EF, #E0DACF, #A4B8B4, #E0675B, #5A2000)
• Antique Summit color palette (#F9F4EF, #DFDFCE, #C3C8AB, #A26800, #241D15)
• Timeworn Stone color palette (#F5F6EF, #D5DCD6, #A6B3BF, #B0B287, #4D4E48)
• Patina Thicket color palette (#FCF3ED, #DADCC9, #BFBDA7, #A1511E, #623100)
• Abyss Workshop color palette (#E6E7E0, #B7BEAA, #6C9E8C, #00491A, #010100)
• Aged Straw color palette (#FFF4DD, #D9DF94, #8EAF78, #327877, #17515E)
• Moss Boulevard color palette (#F6F6EB, #D3E5D1, #96E1D2, #658D00, #28260A)
• Patina Amber color palette (#FFF4E1, #B78A00, #453C00, #1F1300, #030100)

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