diff --git a/frontend/src/components/Banner.vue b/frontend/src/components/Banner.vue
index 551d853032d073896670a4d3032d90a96f061471..02d01117b8c5c19cc835982f0fcb86659f5864e7 100644
--- a/frontend/src/components/Banner.vue
+++ b/frontend/src/components/Banner.vue
@@ -26,7 +26,7 @@ export default {
 
 <style>
 .banner {
-  background-color: #150578;
+  background-color: #912F56;
   flex-direction: row;
   vertical-align: middle;
   display: flex;
@@ -35,7 +35,7 @@ export default {
 }
 .name {
   text-align: left;
-  background-color: #150578;
+  background-color: #912F56;
   flex-direction: row;
   vertical-align: middle;
   display: flex;
diff --git a/frontend/src/components/BurgerMenu.vue b/frontend/src/components/BurgerMenu.vue
index 82ccb4b259b8b68659ff54c9f5369ab1254fe621..59f22c629f86424507f060a25456039273a13bb1 100644
--- a/frontend/src/components/BurgerMenu.vue
+++ b/frontend/src/components/BurgerMenu.vue
@@ -55,7 +55,7 @@ export default {
 <style scoped>
 /* ******************** NAV BAR ******************** */
 .topnav {
-  background-color: #150578;
+  background-color: #912F56;
   display: flex;
   align-items: center;
   width: 100%;
diff --git a/frontend/src/components/Footer.vue b/frontend/src/components/Footer.vue
index f4780ddc98d12bde334720cb34daf97ec064e7bf..40363ad34d4f8567b861979f993ddb2db60b4a97 100644
--- a/frontend/src/components/Footer.vue
+++ b/frontend/src/components/Footer.vue
@@ -14,7 +14,7 @@ export default {
 .footer {
   text-align: center;
   display: flex;
-  background-color: #150578;
+  background-color: #912F56;
   color: white;
   justify-content: center;
   margin-top: 20px;
diff --git a/frontend/src/components/MovieType.vue b/frontend/src/components/MovieType.vue
index 2fa3ca0e5c08eb1d81995b5a5e0768c83388e595..9638fad16d3fad66a3c67fd966d48aaffb75d264 100644
--- a/frontend/src/components/MovieType.vue
+++ b/frontend/src/components/MovieType.vue
@@ -26,7 +26,7 @@
     display: flex;
     flex-direction: column;
     margin-left: 20px;
-    background-color: #449DD1;
+    background-color: #912F56;
     width: 200px;
     border-radius: 20px;
     color:white;
diff --git a/frontend/src/views/Users.vue b/frontend/src/views/Users.vue
index 339ae94ab4a9d0d415d712a372c5da4fb2847cf4..20135215a6b9ff3f3ff6a2c193bac407f2dac994 100644
--- a/frontend/src/views/Users.vue
+++ b/frontend/src/views/Users.vue
@@ -35,7 +35,7 @@
 .like {
   text-align: center;
   display: flex;
-  background-color: #449DD1;
+  background-color: #912F56;
   color: white;
   max-height: 100px;
   justify-content: center;