diff --git a/addons/web/static/src/legacy/scss/fields.scss b/addons/web/static/src/legacy/scss/fields.scss
index dba8e7990b0..606a9d2458e 100644
--- a/addons/web/static/src/legacy/scss/fields.scss
+++ b/addons/web/static/src/legacy/scss/fields.scss
@@ -208,9 +208,9 @@
             .o_tag_color_#{$size - 1} {
                 @if $size == 1 {
                     & {
-                        background-color: white;
+                        background-color: $o-view-background-color;
                         color: nth($o-colors, $size);
-                        box-shadow: inset 0 0 0 1px rgb(221,226,230);
+                        box-shadow: inset 0 0 0 1px;
                     }
                     &::after {
                         background-color: nth($o-colors, $size);
@@ -218,7 +218,7 @@
                 } @else {
                     &, &::after {
                         background-color: nth($o-colors, $size);
-                        color: $white;
+                        color: color-yiq(nth($o-colors, $size));
                     }
                 }
             }