diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-color-swatches.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-color-swatches.less
index 26a735508e..b396ebf860 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-color-swatches.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-color-swatches.less
@@ -3,7 +3,7 @@
     flex-flow: row wrap;
 
     .umb-color-box {
-        border: 1px solid @gray-8;
+        border: 1px solid rgba(0,0,0,0.15);
         color: @white;
         cursor: pointer;
         padding: 1px;