diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
index 37f6cb7b..b16c1d0e 100644
--- a/docs/assets/css/style.css
+++ b/docs/assets/css/style.css
@@ -4,9 +4,9 @@
 @import url(https://fonts.googleapis.com/css?family=Damion);
 :root {
   /* color */
-  --primaryColor: #60be86;
+  --primaryColor: #3D9561;
   --primaryColorDark: #2D804E;
-  --primaryColorLight: #65d693;
+  --primaryColorLight: #4AB475;
   --grey: #4c6857;
 
   /* sizing */
diff --git a/docs/assets/js/script.js b/docs/assets/js/script.js
index b719b187..2fb5cd5b 100644
--- a/docs/assets/js/script.js
+++ b/docs/assets/js/script.js
@@ -40,7 +40,7 @@ devicon.controller('IconListCtrl', function($scope, $http, $compile) {
 
     // background color related stuff
     // default is the default site background color
-    $scope.DEFAULT_BACKGROUND = "#60be86";
+    $scope.DEFAULT_BACKGROUND = "#3D9561";
     $scope.fontBackground = $scope.DEFAULT_BACKGROUND;
     $scope.svgBackground = $scope.DEFAULT_BACKGROUND;