diff --git a/frontend/app/styles/main.css b/frontend/app/styles/main.css
index c07a799..dfbcc8f 100644
--- a/frontend/app/styles/main.css
+++ b/frontend/app/styles/main.css
@@ -10,8 +10,12 @@ body {
   background-color: #DADADA;
 }
 
-.indigo.darken-2 {
- background-color: #a0b75e;
+.green.darken-2 {
+ background-color: #43a047;
+}
+
+.green.darken-3 {
+  background-color: #61b765;
 }
 
 .bg-booklet {
diff --git a/frontend/app/views/login.html b/frontend/app/views/login.html
index 5abe349..6b3e72c 100644
--- a/frontend/app/views/login.html
+++ b/frontend/app/views/login.html
@@ -1,5 +1,5 @@
 <div layout="row" layout-fill>
-  <div flex flex-gt-sm="35" layout="row" layout-align="center" class="indigo darken-2">
+  <div flex flex-gt-sm="35" layout="row" layout-align="center" class="green darken-2">
     <md-card>
       <!--<img ng-src="{{imagePath}}" class="md-card-image" alt="Washed Out">-->
       <md-card-title>