diff --git a/ui/package.json b/ui/package.json
index 6b95613217..9b6d82d3f0 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -116,6 +116,7 @@
     "axios": "^0.13.1",
     "bignumber.js": "^4.0.2",
     "calculate-size": "^1.1.1",
+    "chroma-js": "^1.3.6",
     "classnames": "^2.2.3",
     "dygraphs": "2.1.0",
     "eslint-plugin-babel": "^4.1.2",
@@ -147,4 +148,4 @@
     "rome": "^2.1.22",
     "uuid": "^3.2.1"
   }
-}
\ No newline at end of file
+}
diff --git a/ui/yarn.lock b/ui/yarn.lock
index 0c053dee44..b8c44de637 100644
--- a/ui/yarn.lock
+++ b/ui/yarn.lock
@@ -1686,6 +1686,10 @@ chownr@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.0.1.tgz#e2a75042a9551908bebd25b8523d5f9769d79181"
 
+chroma-js@^1.3.6:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/chroma-js/-/chroma-js-1.3.6.tgz#22dd7220ef6b55dcfcb8ef92982baaf55dced45d"
+
 ci-info@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.1.2.tgz#03561259db48d0474c8bdc90f5b47b068b6bbfb4"