Worn Cocoa Villa color palette — #FFE6F1 · #D295A3 · #AF6159 · #842E00 · #5E3200

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

The five colors

• Blush (#FFE6F1): A whisper-light, dusty rose — the color of pressed rose petals.
• Rosewood Mist (#D295A3): A luminous, dusty red — the color of embers at dusk.
• Mocha (#AF6159): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#842E00): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5E3200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Weathered Workshop color palette (#FFE7F2, #FFC0CB, #EB9792, #B66E4C, #583100)
• Mulberry Cabin color palette (#F8ECFF, #CB99BF, #A35B78, #8F0736, #700706)
• Patina Chestnut color palette (#FDF4E5, #C58094, #9A5439, #005C48, #553329)
• Chestnut Ridge color palette (#FFF2ED, #DFAD9F, #AB7A58, #785200, #554900)
• Gentle Coral color palette (#F9F1FF, #EEA6D2, #D66967, #944E00, #473700)
• Tempered Plum Pier color palette (#FBF3F2, #E2DAD1, #CABFAD, #A65679, #534342)
• Frosted Apricot color palette (#FFDACB, #E18B3F, #946600, #534700, #323A00)
• Bronze Bloom color palette (#FFF2EF, #C3ADA1, #A6793E, #30756E, #385647)

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