Actually just steal the cookie clicker upgrade colors

constants.js

@@ -6,6 +6,23 @@ const end_color = "#228888";
 //const range = chroma.scale([start_color, end_color]).mode("lab");
 const range = chroma.cubehelix().scale().domain([-0.2, 1]).mode("lab");
 
+// literally just stealing these from cookie clicker
+
+const tiers = [
+  "#fffeff",
+  "#fa8ce3",
+  "#00dffe",
+  "#ffca32",
+  "#e8d676",
+  "#a7c091",
+  "#6c5759",
+  "#d4c1bc",
+  "#9bb637",
+  "#05ddf8",
+  "#b76133",
+  "#e1dfde"
+]
+
 const resourceTypes = {
   "food": {
     name: "food",
@@ -332,7 +349,7 @@ function createProdUpgrades() {
         "name": contents.name,
         "desc": contents.desc,
         "icon": [
-          { icon: buildings[key].icon, color: prodUpgradeColors[counter - 1] }
+          { icon: buildings[key].icon, color: tiers[counter - 1] }
         ],
         "cost": {
           "food": buildings[key].cost.food * 5 * Math.pow(10, counter - 1)
@@ -374,7 +391,7 @@ function createProdAllUpgrades() {
       "name": contents.name,
       "desc": contents.desc,
       "icon": [
-        { icon: "fa-cogs", color: prodAllUpgradeColors[counter - 1] }
+        { icon: "fa-cogs", color: tiers[counter - 1] }
       ],
       "cost": {
         "food": 5 * Math.pow(10, counter + 1)
@@ -414,7 +431,7 @@ function createClickUpgrades() {
       name: contents.name,
       desc: contents.desc,
       icon: [
-        { icon: "fa-hand-pointer", color: clickUpgradeColors[counter - 1] }
+        { icon: "fa-hand-pointer", color: tiers[counter - 1] }
       ],
       cost: {
         food: Math.pow(10, (counter * 2) + 1)
@@ -464,7 +481,7 @@ function createHelperUpgrades() {
           "desc": text.desc,
           "icon": [
             { icon: "fa-hand-holding", color: "black" },
-            { icon: buildings[helped].icon, color: helperUpgradeColors[counter - 1], transform: "scale(0.5, 0.5) translate(0, -30px)" }
+            { icon: buildings[helped].icon, color: tiers[counter - 1], transform: "scale(0.5, 0.5) translate(0, -30px)" }
           ],
           "cost": {
             "food": buildings[helper].cost.food * 25 * counter + buildings[helped].cost.food * 50 * counter
@@ -553,7 +570,7 @@ function createPowerupFreqUpgrades() {
       "name": text.name,
       "desc": text.desc,
       "icon": [
-        { icon: "fa-drumstick-bite", color: powerupFreqColors[counter - 1] }
+        { icon: "fa-drumstick-bite", color: tiers[counter - 1] }
       ],
       "cost": {
         "food": Math.pow(10, counter+3),