Cocoa Villa color palette — #FCE7C0 · #C0C79C · #8FB49C · #A1705E · #70380C

Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Peach Cream (#FCE7C0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#C0C79C): A luminous, dusty green — the color of fresh herbs.
• Sage (#8FB49C): A luminous, dusty teal — the color of glacier melt.
• Mocha (#A1705E): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#70380C): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Aged Studio color palette (#F6EFD0, #D9D5BD, #AABCA5, #B8846A, #5B4C00)
• Washed Fern color palette (#E8E1C0, #BBCAAE, #7CAACB, #938350, #534700)
• Muted Turquoise color palette (#F3FAD6, #A0DBD0, #6CABBD, #845F63, #552D27)
• Dusty Teal Veranda color palette (#FAF5E9, #B7D4AB, #4EB597, #8F8450, #36362F)
• Terracotta Courtyard color palette (#E7E5C7, #AFA379, #3E9C88, #9D5039, #2E2500)
• Tempered Teal color palette (#D8E7DD, #6DB08F, #47768B, #62485E, #341B31)
• Patina Lilac Pier color palette (#DFF0D4, #87BCD8, #9D8FCC, #5E7643, #32421F)
• Washed Petrol Bloom color palette (#E6E9C8, #51918A, #2B6D9D, #534800, #041A00)

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