diff --git a/src/Vinlottis.vue b/src/Vinlottis.vue
index 5843b9b..d0063a7 100644
--- a/src/Vinlottis.vue
+++ b/src/Vinlottis.vue
@@ -96,7 +96,7 @@ export default {
 }
 
 body {
-  background-color: #dbeede;
+  background-color: $primary;
 }
 </style>
 
diff --git a/src/templates/Create.html b/src/templates/Create.html
index df03739..56aa835 100644
--- a/src/templates/Create.html
+++ b/src/templates/Create.html
@@ -44,7 +44,7 @@
       color="#23101f"
     />
     <meta name="msapplication-TileColor" content="#da532c" />
-    <meta name="theme-color" content="#dbeede" />
+    <meta name="theme-color" content="#b7debd" />
     <meta
       name="apple-mobile-web-app-status-bar-style"
       content="black-translucent"
@@ -65,7 +65,7 @@
     align-items: center;
     text-align: center;
     height: 100vh;
-    background-color: #dbeede;
+    background-color: #b7debd;
     font-size: 1.5rem;
     font-family: Arial, Helvetica, sans-serif;
   }