diff --git a/styles/_base.scss b/styles/_base.scss
index 80e110cc..c9618ca9 100644
--- a/styles/_base.scss
+++ b/styles/_base.scss
@@ -9,6 +9,7 @@ body {
   -webkit-font-smoothing: antialiased;
   color: #333;
   padding: 1rem;
+  background: $color-background;
 }
 
 h1, h2, h3, h4, h5, h6 {
diff --git a/styles/_vars.scss b/styles/_vars.scss
index a8ad057c..d5d67dad 100644
--- a/styles/_vars.scss
+++ b/styles/_vars.scss
@@ -4,5 +4,6 @@ $font-size-h2: 1.266rem;
 $font-size-h3: 1.125rem;
 $font-size-small: 0.889rem;
 
-$color-primary: #473ae0;
-$color-secondary: #8d8ab6;
+$color-background: #fefeff;
+$color-primary: #4040ff;
+$color-secondary: #c1c1de;