diff --git a/addons/website_sale/models/product.py b/addons/website_sale/models/product.py
index da1bcb93f38..14842501bc4 100644
--- a/addons/website_sale/models/product.py
+++ b/addons/website_sale/models/product.py
@@ -188,5 +188,7 @@ class product_attribute(osv.Model):
 class product_attribute_value(osv.Model):
     _inherit = "product.attribute.value"
     _columns = {
-        'color': fields.char("HTML Color Index", help="Here you can set a specific HTML color index (e.g. #ff0000) to display the color on the website if the attibute type is 'Color'."),
+        'html_color': fields.char("HTML Color Index", oldname='color', help="Here you can set a "
+            "specific HTML color index (e.g. #ff0000) to display the color on the website if the "
+            "attibute type is 'Color'."),
     }
diff --git a/addons/website_sale/views/templates.xml b/addons/website_sale/views/templates.xml
index 68e2910fc81..39f324bc1a9 100644
--- a/addons/website_sale/views/templates.xml
+++ b/addons/website_sale/views/templates.xml
@@ -293,7 +293,7 @@
                       </t>
                       <t t-if="a.type == 'color'">
                         <t t-foreach="a.value_ids" t-as="v">
-                          <label t-attf-style="background-color:#{v.color or v.name}"
+                          <label t-attf-style="background-color:#{v.html_color or v.name}"
                               t-attf-class="css_attribute_color #{'active' if v.id in attrib_set else ''}">
                               <input type="checkbox"
                                   name="attrib"
@@ -515,7 +515,7 @@
           <ul class="list-inline">
               <t t-set="inc" t-value="0"/>
               <li t-foreach="variant_id.value_ids" t-as="value_id">
-                  <label t-attf-style="background-color:#{value_id.color or value_id.name}"
+                  <label t-attf-style="background-color:#{value_id.html_color or value_id.name}"
                       t-attf-class="css_attribute_color #{'active' if not inc else ''}">
                     <input type="radio" class="js_variant_change"
                       t-att-checked="'checked' if not inc else ''"
diff --git a/addons/website_sale/views/views.xml b/addons/website_sale/views/views.xml
index 1285d4a1c31..23939c843e6 100644
--- a/addons/website_sale/views/views.xml
+++ b/addons/website_sale/views/views.xml
@@ -43,7 +43,7 @@
         <field name="inherit_id" ref="product.product_attribute_value_view_tree"/>
         <field name="arch" type="xml">
             <field name="name" position="after">
-                <field name="color"/>
+                <field name="html_color"/>
             </field>
         </field>
     </record>
@@ -53,7 +53,7 @@
         <field name="inherit_id" ref="product.variants_tree_view"/>
         <field name="arch" type="xml">
             <field name="name" position="after">
-                <field name="color"/>
+                <field name="html_color"/>
             </field>
         </field>
     </record>