diff --git a/src/scss/components/_playback-controls.scss b/src/scss/components/_playback-controls.scss
index 5c5669bc..e6115784 100755
--- a/src/scss/components/_playback-controls.scss
+++ b/src/scss/components/_playback-controls.scss
@@ -6,7 +6,7 @@
 	right: 0;
 	left: 0;
 	height: 40px;
-	background: $white;
+	background: $faint_grey;
 	color: $black;
 	border-top: 1px solid $light_grey;
 
diff --git a/src/scss/global/_variables.scss b/src/scss/global/_variables.scss
index 97e0fbbd..8f9ba287 100755
--- a/src/scss/global/_variables.scss
+++ b/src/scss/global/_variables.scss
@@ -1,12 +1,12 @@
 
 $turquoise: #08d58f;
 $off_white: #F5F5F5;
-$faint_grey: #EEEEEE;
-$light_grey: #DDDDDD;
-$mid_grey: #AAAAAA;
+$faint_grey: #f4f2f0;
+$light_grey: #edeae7;
+$mid_grey: #a3a19f;
 $grey: #888888;
-$dark_grey: #333333;
-$darkest_grey: #111111;
+$dark_grey: #232221;
+$darkest_grey: #1b1a19;
 $secondary_grey: #888888;
 $white: #FFFFFF;
 $black: #000000;