Patina Cocoa Villa color palette — #FFF1F3 · #F5D4C3 · #CD9D97 · #A37B58 · #654300

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#F5D4C3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#CD9D97): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#A37B58): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#654300): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

One click turns Patina 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

• Fern Harbor color palette (#FFEFFF, #F2CFDE, #DAAAC0, #899471, #425106)
• Patina Olive Alley color palette (#FFF1F0, #FFD0C1, #C79C7A, #657721, #28451F)
• Timeworn Dune color palette (#FFE4CE, #C3AA82, #867429, #005232, #001D18)
• Worn Chestnut Delta color palette (#FFF1F6, #FFB5C1, #C5786E, #795E00, #353400)
• Fern Workshop color palette (#FFF1EE, #D6B8A2, #AE854D, #446C24, #08331A)
• Softworn Cocoa Canyon color palette (#FDE3DE, #AD6F6F, #77311A, #2B2600, #010100)
• Mulberry Quarry color palette (#FADFF4, #B18497, #913F4E, #482E00, #090600)
• Ash Ridge color palette (#E7EAFF, #AFADD1, #867D9A, #715869, #603F3E)

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