diff --git a/addons/website_sale/data/data.xml b/addons/website_sale/data/data.xml
index 10ef714e464..0859e352e22 100644
--- a/addons/website_sale/data/data.xml
+++ b/addons/website_sale/data/data.xml
@@ -25,22 +25,30 @@
 
         <record id="website_sale.sale_ribbon" model="product.ribbon">
             <field name="html">Sale</field>
-            <field name="html_class">text-bg-success o_ribbon_left</field>
+            <field name="html_class">o_ribbon_left</field>
+            <field name="bg_color">rgb(40, 167, 69)</field>
+            <field name="text_color">white</field>
         </record>
 
         <record id="website_sale.sold_out_ribbon" model="product.ribbon">
             <field name="html">Sold out</field>
-            <field name="html_class">text-bg-danger o_ribbon_left</field>
+            <field name="html_class">o_ribbon_left</field>
+            <field name="bg_color">rgb(220, 53, 69)</field>
+            <field name="text_color">white</field>
         </record>
 
         <record id="website_sale.out_of_stock_ribbon" model="product.ribbon">
             <field name="html">Out of stock</field>
-            <field name="html_class">text-bg-warning o_ribbon_left</field>
+            <field name="html_class">o_ribbon_left</field>
+            <field name="bg_color">rgb(255, 193, 7)</field>
+            <field name="text_color">black</field>
         </record>
 
         <record id="website_sale.new_ribbon" model="product.ribbon">
             <field name="html">New!</field>
-            <field name="html_class">text-bg-primary o_ribbon_left</field>
+            <field name="html_class">o_ribbon_left</field>
+            <field name="bg_color">rgb(0, 123, 255)</field>
+            <field name="text_color">white</field>
         </record>
 
         <record id="sales_team.salesteam_website_sales" model="crm.team">