Weathered Cocoa Villa color palette — #FFF2ED · #E0DBCE · #D1CD95 · #9C6E6E · #743E0F

A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Pistachio (#D1CD95): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#9C6E6E): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#743E0F): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Antique Chestnut color palette (#FFF3E9, #C5E2CD, #98C8B6, #AD887D, #744902)
• Weathered Stone Thicket color palette (#FFF1F3, #E2DAD1, #EAAD8C, #8078A1, #604440)
• Basalt Boulevard color palette (#FFEDE8, #E1DABC, #B6CE9A, #8F6B8C, #4F1F00)
• Powdered Mint Lantern color palette (#FFF3E3, #E9E896, #53D29E, #9D5C3C, #51481D)
• Aged Canyon color palette (#FEF4E2, #A9AC6F, #837041, #744505, #423F00)
• Lime Pier color palette (#FFF2EC, #FFBD61, #91B700, #A24753, #54300F)
• Frosted Chartreuse Drift color palette (#FFEDC0, #B0D774, #4DAD89, #894C28, #35322C)
• Washed Apricot Quarry color palette (#FBF4ED, #E29E58, #008173, #895000, #1E271A)

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