add new color variables

src/Umbraco.Web.UI.Client/src/less/variables.less

@@ -29,9 +29,50 @@
 @red:                   #9d261d;
 @yellow:                #ffc40d;
 @orange:                #DF7F48;
-@turquoise:				#04bfbf;
 @pink:                  #c3325f;
-@purple:                #7a43b6;
+
+
+// Colors
+// -------------------------
+
+// Primary
+@turquoise:				#04bfbf;
+@turquoise-l1:			#43CFCF;
+@turquoise-l2:			#81DFDF;
+@turquoise-l3:			#C0EFEF;
+@turquoise-washed:		#F2FCFC;
+
+// Secondary
+@purple-d1:			    #2E2246;
+@purple:                #413659;
+@purple-l1:			    #675E7A;
+@purple-l2:			    #8D869B;
+@purple-l3:			    #B3AFBD;
+@purple-washed:		    #F6F3FD;
+
+// UI Colors
+@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;
+
+@green:                 #35C786;
+@green-l1:			    #4ECF95;
+@green-l2:			    #79E1B2;
+@green-l3:			    #A6F0CF;
+@green-washed:		    #EBFFF6;
+
+
+// REMEBER TO UPDATE NAME ----- -- ---
+@test-purple: #F3F3F5;
+
 
 
 .red{color: @red;}