diff --git a/js/src/variables.scss b/js/src/variables.scss
index e68c09388..31bb37e6e 100644
--- a/js/src/variables.scss
+++ b/js/src/variables.scss
@@ -5,6 +5,8 @@
 $bleuvert: #1e7d97;
 $jaune: #ffd599;
 $violet: #424056;
+$green_osm: #77cc6d;
+$text_osm: #444;
 
 /**
  * Text body, paragraphs
@@ -51,8 +53,8 @@ $background-color: $violet-2;
 
 $success: #0d8758;
 $success-invert: findColorInvert($success);
-$info: #36bcd4;
-$info-invert: findColorInvert($info);
+$info: mix($green_osm , #36bcd4);
+$info-invert: findColorInvert(  mix($green_osm , $info));
 $danger: #ff2e54;
 $danger-invert: findColorInvert($danger);
 $link: $primary;