Cocoa Villa color palette — #FFF2EE · #E1DACB · #C6CEA0 · #AF7DAA · #743915

Bronze and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E1DACB): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#C6CEA0): A whisper-light, dusty green — the color of fresh herbs.
• Dusty Rose (#AF7DAA): A luminous, balanced pink — the color of neon signs at night.
• Bronze (#743915): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged pastel, light, 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

• Washed Station color palette (#FFF1F4, #E3D8D0, #E8C599, #8989CE, #634144)
• Timeworn Cocoa Grove color palette (#FFF2ED, #E1D8CF, #9AB6CB, #D39FA5, #7A3E1D)
• Weathered Cocoa color palette (#FFF2EA, #CFC595, #9C6046, #683016, #2B1F17)
• Ember Villa color palette (#FFF3E7, #F8ECAE, #9FDEA9, #DF5A4A, #5C4515)
• Worn Workshop color palette (#FFF3E5, #CEBC97, #AB885B, #8B5C45, #3F3D36)
• Aged Raspberry color palette (#FFF2EB, #FFCA9D, #C4BF00, #DB2C93, #552100)
• Timeworn Veranda color palette (#FFEFDF, #D6D899, #71CE95, #C7512D, #383102)
• Hushed Mulberry color palette (#F2E2D7, #B69B55, #699328, #9A022E, #1A0E00)

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