Softworn Villa color palette — #FCF3F1 · #DFDAD1 · #A1B0AA · #9E7770 · #59504F

Mocha takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Bone (#DFDAD1): a clean, paper-quiet neutral.
• Ash (#A1B0AA): a calm mid-gray that lets other colors speak.
• Mocha (#9E7770): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#59504F): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Bronze color palette (#FAF4ED, #DAE0D0, #B8C7B8, #996930, #4F463D)
• Patina Study color palette (#F5F0F6, #DCD4D5, #B6AAA6, #917993, #3A343A)
• Weathered Oat Veranda color palette (#FFF1F2, #E2C0AF, #9D9478, #7C6B7B, #5F4C5D)
• Ancient Cocoa Archive color palette (#EAE1D9, #C1B8A5, #8F907A, #673600, #291C10)
• Timeworn Fern Delta color palette (#F7F5ED, #A3CDAC, #558D86, #765F61, #485406)
• Blush Thicket color palette (#FBF6DD, #DB8AB2, #986D41, #386452, #56423C)
• Garnet Boulevard color palette (#EFE5E2, #A6968B, #8C6A25, #550119, #140502)
• Washed Chestnut color palette (#FAF4EA, #D7D5B3, #9CAE87, #6F5700, #36322C)

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