diff --git a/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss b/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss
index 5beb5249b..c33792412 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss
+++ b/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss
@@ -7,14 +7,14 @@
 
 div#header-person-name {
    background: none repeat scroll 0 0 $chill-green-dark;
-   color: #FFF;
+   color: $white;
    padding-top: 1em;
    padding-bottom: 1em;
 }
 
 div#header-person-details {
    background: none repeat scroll 0 0 $chill-green;
-   color: #FFF;
+   color: $white;
    padding-top: 1em;
    padding-bottom: 1em;
    div.contact {
@@ -83,27 +83,28 @@ div.person-view {
  *  ACCOMPANYING_COURSE CONTEXT
  *  Header custom for Accompanying Course
  */
+$chill-accourse: #718596;
 
 div#header-accompanying_course-name {
-  background: none repeat scroll 0 0 #718596;
-  color: #FFF;
-  h1 {
-    margin: 0.4em 0;
-  }
-  span {
-    a {
-      color: white;
+    background: none repeat scroll 0 0 $chill-accourse;
+    color: $white;
+    h1 {
+        margin: 0.4em 0;
     }
-    a:hover {
-      text-decoration: underline;
+    span {
+        a {
+            color: $white;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
     }
-  }
 }
 div#header-accompanying_course-details {
-  background: none repeat scroll 0 0 #718596ab;
-  color: #FFF;
-  padding-top: 1em;
-  padding-bottom: 1em;
+    background: none repeat scroll 0 0 tint-color($chill-accourse, 20%);
+    color: $white;
+    padding-top: 1em;
+    padding-bottom: 1em;
 }
 
 // flex-table precision
@@ -118,26 +119,43 @@ div.accompanyingcourse-resume {
  *  HOUSEHOLD CONTEXT
  *  Header custom for Household
  */
+$chill-household: #929d69;
 
 div#header-household-name {
-   background: none repeat scroll 0 0 #929d69; //#b97a7a;
-   color: #FFF;
-
-   h1 {
-     margin: 0.4em 0;
-   }
-   span {
-     a {
-       color: white;
-     }
-     a:hover {
-       text-decoration: underline;
-     }
-   }
+    background: none repeat scroll 0 0 $chill-household;
+    color: $white;
+    h1 {
+        margin: 0.4em 0;
+    }
+    span {
+        a {
+            color: $white;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
+    }
+    div.household-members {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        span.badge-member {
+            flex-shrink: 0; flex-grow: 0; flex-basis: auto;
+            color: $white;
+            border: 1px solid #ffffff3b;
+            border-radius: 8px;
+            padding: 0.4em 0.8em;
+            margin-bottom: 0.2em;
+            margin-right: 0.3em;
+            &.holder { order: -1; }
+            &.child { order: 2; }
+        }
+    }
 }
+
 div#header-household-details {
-   background: none repeat scroll 0 0 #b0b984; //#d29791;
-   color: #FFF;
+   background: none repeat scroll 0 0 tint-color($chill-household, 15%);
+   color: $white;
    padding-top: 1em;
    padding-bottom: 1em;
    span.current-members-explain {
@@ -145,26 +163,3 @@ div#header-household-details {
    }
 }
 
-div.household-members {
-   display: flex;
-   flex-direction: row;
-   flex-wrap: wrap;
-   //justify-content: flex-end;
-   span.badge-member {
-      flex-shrink: 0; flex-grow: 0; flex-basis: auto;
-      border: 1px solid #ffffff3b;
-      color: #ffffff;
-      padding: 0.4em 0.8em;
-      margin-bottom: 0.2em;
-      margin-right: 0.3em;
-      border-radius: 8px;
-      &.holder {
-         order: -1;
-      }
-      &.child {
-         order: 2;
-      }
-   }
-}
-
-