Cocoa Villa color palette — #F5E5D3 · #9E986B · #805C29 · #683321 · #31312A
Cocoa and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F5E5D3): A whisper-light, dusty gold — the color of old brass.
- Moss (#9E986B): A luminous, dusty green — the color of a quiet forest floor.
- Coffee (#805C29): A full-bodied, balanced gold — the color of old brass.
- Cocoa (#683321): A deep, shadowed, balanced orange — the color of toasted spice.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
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
- Hushed Chestnut Market color palette (#D6E5D6, #7EA389, #855B0E, #5F3000, #001E12)
- Weathered Chestnut Courtyard color palette (#F3E6D5, #C0AB85, #9E7942, #824B1B, #32302A)
- Aged Quarry color palette (#FFD3BF, #B8812C, #943C00, #6B182C, #2E2A00)
- Timeworn Cocoa Chapel color palette (#F8ECE4, #A0A062, #6D2D11, #3E1100, #1F130B)
- Patina Olive color palette (#FBEBD3, #787B30, #5A4000, #441A00, #031C00)
- Tempered Canyon color palette (#FFF2EB, #C9876D, #006D62, #872E00, #101C0C)
- Forest Veranda color palette (#FFDACB, #C08D47, #6F6E00, #0D4E06, #003832)
- Charred Field color palette (#F2DEC9, #685900, #402500, #260300, #020400)
Browse the whole catalog at Explore, or see today's palette.