Cocoa Villa color palette — #FAEDF6 · #B6B87E · #80402D · #381C30 · #12090F

A conversation between Bronze and Sage, giving this palette its sense of nature and growth.

The five colors

• Blush (#FAEDF6): a clean, paper-quiet neutral.
• Sage (#B6B87E): A luminous, dusty green — the color of fresh herbs.
• Bronze (#80402D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#381C30): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#12090F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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 Chestnut Veranda color palette (#ECF5EC, #CAB170, #714D00, #372300, #070F07)
• Mustard Loft color palette (#FFF2EC, #CBC979, #A05D4C, #48413D, #2C1E17)
• Weathered Terracotta Bloom color palette (#F7EFF4, #E1A18F, #008B5B, #A63E20, #021112)
• Timeworn Amber Alley color palette (#FDE7EF, #AF9300, #5B3300, #231100, #0A0003)
• Patina Bronze color palette (#EEF3EE, #CFDADA, #AAC2CA, #8E6F46, #282E28)
• Tempered Amber color palette (#FFECF4, #CF8B48, #457A38, #4C3B6E, #14281B)
• Forest Ridge color palette (#FFE6E0, #D0A160, #7C7A00, #005814, #002825)
• Olive Quarry color palette (#ECD8E2, #746900, #2A2B1D, #341400, #070100)

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