diff --git a/src/components/frequencies/functions.js b/src/components/frequencies/functions.js
index f7d1497d5..0ed9c1c43 100644
--- a/src/components/frequencies/functions.js
+++ b/src/components/frequencies/functions.js
@@ -203,7 +203,7 @@ export const removeStream = (svg) => {
 };
 
 const generateColorScaleD3 = (categories, colorScale) => (d, i) =>
-  categories[i] === unassigned_label ? "rgb(190, 190, 190)" : rgb(colorScale.scale(categories[i])).toString();
+  categories[i] === unassigned_label ? "#ADB1B3" : rgb(colorScale.scale(categories[i])).toString();
 
 function handleMouseOver() {
   select(this).attr("opacity", 1);
diff --git a/src/util/colorScale.js b/src/util/colorScale.js
index 9ebff7ee4..697e1e378 100644
--- a/src/util/colorScale.js
+++ b/src/util/colorScale.js
@@ -11,7 +11,7 @@ import { setGenotype, orderOfGenotypeAppearance } from "./setGenotype";
 import { getTraitFromNode } from "./treeMiscHelpers";
 import { sortedDomain } from "./sortedDomain";
 
-export const unknownColor = "#AAAAAA";
+export const unknownColor = "#ADB1B3";
 
 /**
  * calculate the color scale.
@@ -130,7 +130,7 @@ export function createNonContinuousScaleFromProvidedScaleMap(colorBy, providedSc
   const extraVals = getExtraVals(t1nodes, t2nodes, colorBy, domain);
   if (extraVals.length) { // we must add these to the domain + provide a color value
     domain = domain.concat(extraVals);
-    const extraColors = createListOfColors(extraVals.length, [rgb(192, 192, 192), rgb(32, 32, 32)]);
+    const extraColors = createListOfColors(extraVals.length, ["#BDC3C6", "#868992"]);
     extraVals.forEach((val, idx) => {
       colorMap.set(val, extraColors[idx]);
     });