Weathered Cocoa Villa color palette — #FAD7E8 · #B796A0 · #976D74 · #6B3F36 · #401E07
Built around Cocoa, softened by Espresso — the whole palette hums with optimism and warmth.
The five colors
- Shell Pink (#FAD7E8): A whisper-light, dusty rose — the color of a warm blush.
- Dusty Rose (#B796A0): A luminous, dusty rose — the color of pressed rose petals.
- Mocha (#976D74): A full-bodied, dusty red — the color of embers at dusk.
- Cocoa (#6B3F36): A full-bodied, dusty orange — the color of toasted spice.
- Espresso (#401E07): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
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
- Timeworn Thicket color palette (#EFD7F4, #BD87B0, #994F70, #633813, #2E1D00)
- Softworn Taupe Boulevard color palette (#FFDEEB, #D995A0, #9F6A60, #65551E, #2A2D00)
- Washed Driftwood Market color palette (#FFE9E5, #BC7F7B, #865643, #413E37, #1D2600)
- Hushed Petrol color palette (#CAE8DC, #91AED2, #67719B, #65435D, #411D1A)
- Hushed Pewter color palette (#E1E6FF, #B0AEC8, #9287A8, #8A5A4D, #5A3649)
- Bronze Field color palette (#FFEDED, #DEC5C1, #A9918A, #8B6222, #503C00)
- Hushed Fern Corridor color palette (#CFF0FF, #96AEC7, #7C6C95, #525C26, #205352)
- Softworn Pewter Atelier color palette (#EADFFF, #7F568D, #582D4F, #3F1607, #150700)
Browse the whole catalog at Explore, or see today's palette.