diff --git a/styles/components/_global_layout.scss b/styles/components/_global_layout.scss
index b46526b5..e8e8825d 100644
--- a/styles/components/_global_layout.scss
+++ b/styles/components/_global_layout.scss
@@ -1,5 +1,5 @@
 #app-root {
-  background-color: $color-white;
+  background-color: $color-offwhite;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
diff --git a/styles/core/_variables.scss b/styles/core/_variables.scss
index 3917fa5e..19335b2a 100644
--- a/styles/core/_variables.scss
+++ b/styles/core/_variables.scss
@@ -58,6 +58,7 @@ $color-red-light:            #e59393;
 $color-red-lightest:         #f9dede;
 
 $color-white:                #ffffff;
+$color-offwhite:             #fbfbfd;
 $color-black:                #000000;
 $color-black-light:          #212121;