diff --git a/frontend/src/app/app.component.scss b/frontend/src/app/app.component.scss
index 84aedcd..d871714 100644
--- a/frontend/src/app/app.component.scss
+++ b/frontend/src/app/app.component.scss
@@ -46,7 +46,7 @@
       }
 
       &.active {
-        color: #00ae00;
+        color: #00a0d2;
       }
     }
   }
diff --git a/frontend/src/theme.scss b/frontend/src/theme.scss
index e728b8e..a451f04 100644
--- a/frontend/src/theme.scss
+++ b/frontend/src/theme.scss
@@ -39,21 +39,21 @@ $travopti-black: (
   )
 );
 
-$travopti-green: (
-  50: #016500,
-  100: #006500,
-  200: #006500,
-  300: #005a00,
-  400: #008000,
-  500: #006000,
-  600: #005a00,
-  700: #005a00,
-  800: #2e7d32,
-  900: #1b5e20,
-  A100: #00ae00,
-  A200: #009000,
-  A400: #006400,
-  A700: #004d00,
+$travopti-blue: (
+  50: #00a0d2,
+  100: #00a0d2,
+  200: #00a0d2,
+  300: #00a0d2,
+  400: #00a0d2,
+  500: #00a0d2,
+  600: #00a0d2,
+  700: #00a0d2,
+  800: #00a0d2,
+  900: #00a0d2,
+  A100: #00a0d2,
+  A200: #00a0d2,
+  A400: #00a0d2,
+  A700: #00a0d2,
   contrast: (
     50: $light-primary-text,
     100: $light-primary-text,
@@ -77,7 +77,7 @@ $travopti-green: (
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
 // hue. Available color palettes: https://material.io/design/color/
 $travopti-app-primary: mat-palette($travopti-black);
-$travopti-app-accent: mat-palette($travopti-green, A200, A100, A400);
+$travopti-app-accent: mat-palette($travopti-blue, A200, A100, A400);
 
 // The warn palette is optional (defaults to red).
 $travopti-app-warn: mat-palette($mat-red);