Cocoa Villa color palette — #F8F0EB · #CF8E6A · #007757 · #873C00 · #040800

Burnt Sienna and Teal set the tone — five colors that lean into optimism and balance.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Camel (#CF8E6A): A luminous, balanced orange — the color of autumn markets.
• Teal (#007757): A full-bodied, balanced teal — the color of glacier melt.
• Burnt Sienna (#873C00): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#040800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged duotone, 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

• Antique Chestnut Field color palette (#F6F1EB, #CFAD83, #008685, #895900, #061206)
• Fern Terrace color palette (#FBF4EB, #BB924D, #4E6900, #694800, #1C1902)
• Patina Orchard color palette (#FCEFEA, #DB8482, #686900, #A10023, #090600)
• Moss Station color palette (#F5EDDB, #AB9400, #006B5B, #594C00, #000503)
• Bronze Drift color palette (#FCF2F7, #F9995F, #009864, #B15300, #011D1E)
• Muted Forest Meadow color palette (#FFE7D8, #B79548, #6B6A00, #0D4B05, #002114)
• Softworn Aubergine Ridge color palette (#FCE5CD, #B27F2F, #426721, #4E1475, #1E1800)
• Patina Petrol Grove color palette (#F3F2E7, #95B560, #0071AE, #4B6600, #000A16)

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