diff --git a/src/Umbraco.Web.UI.Client/src/assets/img/checkered-background.png b/src/Umbraco.Web.UI.Client/src/assets/img/checkered-background.png
new file mode 100644
index 0000000000..c6c66da3d9
Binary files /dev/null and b/src/Umbraco.Web.UI.Client/src/assets/img/checkered-background.png differ
diff --git a/src/Umbraco.Web.UI.Client/src/less/property-editors.less b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
index da8e6d3223..d5dcca7ed5 100644
--- a/src/Umbraco.Web.UI.Client/src/less/property-editors.less
+++ b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
@@ -187,7 +187,7 @@ ul.color-picker li a  {
   max-height:100%;
   margin:auto;
   display:block;
-  background-color: rgba(0, 0, 0, 0.1);
+  background-image: url(../img/checkered-background.png);
 }
 
 .umb-sortable-thumbnails li img.noScale{