diff --git a/addons/web/static/src/less/fields.less b/addons/web/static/src/less/fields.less
index 8463dd312cc..69e1153cc43 100644
--- a/addons/web/static/src/less/fields.less
+++ b/addons/web/static/src/less/fields.less
@@ -91,17 +91,19 @@
         .o-flex-flow(row, wrap);
         .o-align-items(baseline);
 
-        .o_tag_color_0 { background-color: #4D4D4D; }
-        .o_tag_color_1 { background-color: #61BD4F; }
-        .o_tag_color_2 { background-color: #F2D600; }
-        .o_tag_color_3 { background-color: #FFAB4A; }
-        .o_tag_color_4 { background-color: #EB5A46; }
-        .o_tag_color_5 { background-color: #875A7B; }
-        .o_tag_color_6 { background-color: #0079BF; }
-        .o_tag_color_7 { background-color: #00C2E0; }
-        .o_tag_color_8 { background-color: #4CD98E; }
-        .o_tag_color_9 { background-color: #FF80CE; }
-        .o_tag_color_10 { background-color: #B6BBBF; }
+        .o_tag_color_0 { background-color: @odoo-color-0; }
+        .o_tag_color_1 { background-color: @odoo-color-1; }
+        .o_tag_color_2 { background-color: @odoo-color-2; }
+        .o_tag_color_3 { background-color: @odoo-color-3; }
+        .o_tag_color_4 { background-color: @odoo-color-4; }
+        .o_tag_color_5 { background-color: @odoo-color-5; }
+        .o_tag_color_6 { background-color: @odoo-color-6; }
+        .o_tag_color_7 { background-color: @odoo-color-7; }
+        .o_tag_color_8 { background-color: @odoo-color-8; }
+        .o_tag_color_9 { background-color: @odoo-color-9; }
+        .o_tag_color_10 { background-color: @odoo-color-10; }
+        .o_tag_color_11 { background-color: @odoo-color-11; }
+        .o_tag_color_12 { background-color: @odoo-color-12; }
 
         > .o_field_widget {
             .o-flex(1, 0, 100px);
diff --git a/addons/web/static/src/less/variables.less b/addons/web/static/src/less/variables.less
index 49123b31e30..32cbc0940b0 100644
--- a/addons/web/static/src/less/variables.less
+++ b/addons/web/static/src/less/variables.less
@@ -34,6 +34,21 @@
 @odoo-tooltip-color: white;
 @odoo-tooltip-arrow-color: black;
 
+// UI custom colors for tags, kanban records' colors, ...
+@odoo-color-0: #4D4D4D;
+@odoo-color-1: #61BD4F;
+@odoo-color-2: #F2D600;
+@odoo-color-3: #FFAB4A;
+@odoo-color-4: #EB5A46;
+@odoo-color-5: #875A7B;
+@odoo-color-6: #0079BF;
+@odoo-color-7: #00C2E0;
+@odoo-color-8: #4CD98E;
+@odoo-color-9: #FF80CE;
+@odoo-color-10: #526774;
+@odoo-color-11: #005A55;
+@odoo-color-12: #323A46;
+
 // Layout
 @screen-xs-min: 475px;
 @screen-xxs-max: (@screen-xs-min - 1);