Weathered Cocoa Villa color palette — #FFF2EC · #DFDDCC · #ACB7CE · #A47F7E · #76440C
Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#DFDDCC): A whisper-light, dusty green — the color of new leaves after rain.
- Ash (#ACB7CE): A luminous, dusty violet — the color of wild irises.
- Mocha (#A47F7E): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#76440C): A full-bodied, balanced gold — the color of old brass.
Feels like: 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
- Muted Oat Alley color palette (#FFF1F2, #E2DAD0, #C8CDA2, #A28391, #604C48)
- Antique Bronze Canyon color palette (#FDF4E3, #BAF8DB, #85DBDF, #AE7447, #554A00)
- Bronze Bloom color palette (#FAF5E7, #ABC194, #977D36, #805215, #3F4F04)
- Worn Stone color palette (#FFF0F9, #C3EDF2, #BBB7D1, #DCA396, #634D54)
- Plum Veranda color palette (#FFF3E8, #FFE89A, #83CCA2, #AC5667, #4B4640)
- Worn Stone color palette (#FBF4EC, #D4BE88, #755829, #3C3832, #25251C)
- Patina Mustard color palette (#FAF4ED, #EDB473, #3289A2, #8A653B, #26312A)
- Teal Drift color palette (#FDEBCF, #9EBE76, #00A99A, #7F3B2D, #2D2A00)
Browse the whole catalog at Explore, or see today's palette.