Worn Cocoa Villa color palette — #FFF2F0 · #ECD5CD · #F0A2A3 · #9E675B · #733C0F
Built around Bronze, softened by Rose Quartz — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Bone (#ECD5CD): A whisper-light, dusty orange — the color of sun-warmed clay.
- Rose Quartz (#F0A2A3): A luminous, balanced red — the color of embers at dusk.
- Mocha (#9E675B): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#733C0F): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.
Use it as a design system
One click turns Worn 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
- Wandering Cocoa Grove color palette (#EBDEFD, #D6A0AF, #B36865, #85402A, #462837)
- Patina Apricot Canyon color palette (#FFF2EB, #E2DAC5, #D8A66D, #9A7F50, #654A00)
- Dusty Stone Terrace color palette (#FFF2EB, #E0D9CE, #E1A185, #8A5E4D, #4D2200)
- Rust Atelier color palette (#FFD2CE, #FF916C, #B85600, #643C00, #251800)
- Stone Quarry color palette (#FFF1F2, #FFC9D9, #E49D97, #C38574, #504A45)
- Chalky Tangerine color palette (#FFF1F2, #FFBDB4, #F46503, #9D4B00, #553100)
- Cocoa Alley color palette (#FFF2EB, #DFD9CD, #CDA9A1, #97B2B7, #7A4315)
- Amber Hollow color palette (#FFF2EE, #FFA677, #D27900, #714E00, #3A2D00)
Browse the whole catalog at Explore, or see today's palette.