Cocoa Villa color palette — #F3E6E1 · #DBC7BC · #B99D8B · #7F3F3C · #21110B
A conversation between Coffee and Taupe, giving this palette its sense of sophistication.
The five colors
- Rose Water (#F3E6E1): a clean, paper-quiet neutral.
- Oat (#DBC7BC): A whisper-light, dusty gold — the color of honey in a jar.
- Taupe (#B99D8B): A luminous, dusty gold — the color of honey in a jar.
- Coffee (#7F3F3C): A full-bodied, balanced orange — the color of toasted spice.
- Ink (#21110B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns 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 (#FAF0E3, #E1D2B7, #BBAA80, #785300, #251702)
- Hushed Cocoa color palette (#F3ECF2, #D4C8CF, #B497A3, #803D3F, #352935)
- Ancient Alley color palette (#F3E5DC, #C1B0A1, #9E8973, #702C00, #150700)
- Worn Field color palette (#FDF3F0, #E1DBCF, #C4C3AC, #A75D63, #281B17)
- Aged Chestnut Lagoon color palette (#F1E3D9, #AC8C61, #72662B, #12452E, #17250E)
- Weathered Tangerine color palette (#FFECE1, #FF8C89, #EE6B2C, #9B5700, #1E0800)
- Dusty Bronze Field color palette (#E4DFD2, #948E75, #766C21, #302A00, #020100)
- Tempered Bronze Lagoon color palette (#F5F1EA, #D6DACD, #A6B1AA, #9F7D3A, #393630)
Browse the whole catalog at Explore, or see today's palette.