diff --git a/dist/scss/abstracts/_variables.scss b/dist/scss/abstracts/_variables.scss
index 92c8b94..fa55711 100644
--- a/dist/scss/abstracts/_variables.scss
+++ b/dist/scss/abstracts/_variables.scss
@@ -16,6 +16,8 @@ $phovea-theme-colors: (
   "gray-3":  #d4d7dd,
   "gray-4":  #aab3bb,
   "gray-5":  #3b4349,
+  "gray-6":  #5c6873,
+  "gray-7":  #73818f,
 ) !default;
 
 $theme-colors: map-merge($theme-colors, $phovea-theme-colors);
diff --git a/dist/scss/components/_header_navbar.scss b/dist/scss/components/_header_navbar.scss
index 98712c6..51481dd 100644
--- a/dist/scss/components/_header_navbar.scss
+++ b/dist/scss/components/_header_navbar.scss
@@ -71,8 +71,8 @@
 
       &:hover,
       &:focus {
-        background-color: map-get($theme-colors, "light");
-        color: map-get($theme-colors, "dark");
+        background-color: map-get($theme-colors, "gray-6");
+        color: map-get($theme-colors, "light");
       }
     }
 
diff --git a/src/scss/abstracts/_variables.scss b/src/scss/abstracts/_variables.scss
index 92c8b94..fa55711 100644
--- a/src/scss/abstracts/_variables.scss
+++ b/src/scss/abstracts/_variables.scss
@@ -16,6 +16,8 @@ $phovea-theme-colors: (
   "gray-3":  #d4d7dd,
   "gray-4":  #aab3bb,
   "gray-5":  #3b4349,
+  "gray-6":  #5c6873,
+  "gray-7":  #73818f,
 ) !default;
 
 $theme-colors: map-merge($theme-colors, $phovea-theme-colors);
diff --git a/src/scss/components/_header_navbar.scss b/src/scss/components/_header_navbar.scss
index 98712c6..51481dd 100644
--- a/src/scss/components/_header_navbar.scss
+++ b/src/scss/components/_header_navbar.scss
@@ -71,8 +71,8 @@
 
       &:hover,
       &:focus {
-        background-color: map-get($theme-colors, "light");
-        color: map-get($theme-colors, "dark");
+        background-color: map-get($theme-colors, "gray-6");
+        color: map-get($theme-colors, "light");
       }
     }