diff --git a/src/Umbraco.Web.UI.Client/src/less/variables.less b/src/Umbraco.Web.UI.Client/src/less/variables.less
index dde3830490..93acf981dc 100644
--- a/src/Umbraco.Web.UI.Client/src/less/variables.less
+++ b/src/Umbraco.Web.UI.Client/src/less/variables.less
@@ -59,18 +59,21 @@
 @purple-washed:		    #F6F3FD;
 
 // UI Colors
+@red-d1:                #F02E28;
 @red:                   #FE3E39;
 @red-l1:			    #FE6561;
 @red-l2:			    #FE8B88;
 @red-l3:			    #FFB2B0;
 @red-washed:		    #FFECEB;
 
-@yellow:                #FFD838;
-@yellow-l1:			    #FFE061;
-@yellow-l2:			    #FFE88A;
-@yellow-l3:			    #FFF0B0;
-@yellow-washed:		    #FFFBEB;
+@yellow-d1:             #FFC011;
+@yellow:                #FFCE38;
+@yellow-l1:			    #FFD861;
+@yellow-l2:			    #FFE28A;
+@yellow-l3:			    #FFECB0;
+@yellow-washed:		    #FFFAEB;
 
+@green-d1:              #1FB572;
 @green:                 #35C786;
 @green-l1:			    #4ECF95;
 @green-l2:			    #79E1B2;
@@ -103,11 +106,11 @@
 
 
 //icon colors for tree icons
-.color-red, .color-red i{color: #d90416 !important;}
-.color-blue, .color-blue i{color: #04bfbf !important;}
+.color-red, .color-red i{color: @red-d1 !important;}
+.color-blue, .color-blue i{color: @turquoise-d1 !important;}
 .color-orange, .color-orange i{color: #d9631e !important;}
-.color-green, .color-green i{color: #04BF67 !important;}
-.color-yellow, .color-yellow i{color: #f28729 !important;}
+.color-green, .color-green i{color: @green-d1 !important;}
+.color-yellow, .color-yellow i{color: @yellow-d1 !important;}
 
 
 // Scaffolding