Cocoa Villa color palette — #FFF3E4 · #FDC0A7 · #CAA684 · #78966D · #6C3900

Bronze takes the lead with Wheat close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Wheat (#FDC0A7): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#CAA684): A luminous, dusty gold — the color of honey in a jar.
• Moss (#78966D): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#6C3900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, muted, warm.

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

• Tempered Lagoon color palette (#FFF3E8, #FEBAD1, #D99C9C, #9A8B60, #5A413C)
• Cocoa Delta color palette (#FEF4DF, #E6ACB4, #B08A62, #4A7A6C, #703513)
• Cocoa Terrace color palette (#FFF2EB, #E5D8D0, #F0C097, #ABB6A1, #703A0A)
• Apricot Boulevard color palette (#FBEFE8, #EAA480, #A26F3A, #7B4516, #27201C)
• Timeworn Market color palette (#F4F7EB, #D7E3C5, #ACBC9D, #A79785, #425510)
• Patina Taupe Station color palette (#ECF9F0, #FFCED6, #C6976A, #4D769D, #4C3748)
• Aged Amber color palette (#FFF4DF, #FFAB58, #C59500, #009257, #4C2E00)
• Ancient Drift color palette (#FFF4DB, #D3CA7A, #97AF6B, #478F90, #3F3D36)

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