diff --git a/assets/css/src/components-plugin/_browser-preview.scss b/assets/css/src/components-plugin/_browser-preview.scss
index 5cb942c27a..e55e110ef4 100644
--- a/assets/css/src/components-plugin/_browser-preview.scss
+++ b/assets/css/src/components-plugin/_browser-preview.scss
@@ -21,12 +21,12 @@
   }
 
   .mailpoet_preview_icon_fill {
-    fill: #e5e9f8;
+    fill: rgba($color-primary-icon, .3);
   }
 
   &.mailpoet_active {
     .mailpoet_preview_icon_fill {
-      fill: #071c6d;
+      fill: $color-primary-icon;
     }
   }
 }
diff --git a/assets/css/src/settings/_colors.scss b/assets/css/src/settings/_colors.scss
index 094fa53034..cec193a2f5 100644
--- a/assets/css/src/settings/_colors.scss
+++ b/assets/css/src/settings/_colors.scss
@@ -12,6 +12,7 @@ $color-primary-highlight: #1e8cbe;
 $color-primary-inactive: #a4a4a4;
 $color-primary-shadow-inset: #025c80;
 $color-primary-text: #656565;
+$color-primary-icon: #071c6d;
 
 
 // Newsletter editor colors