diff --git a/src/app/stepbar/stepbar.component.css b/src/app/stepbar/stepbar.component.css
index 5e4c75c27f429797b40b941f6ac554da3478eade..9c22ce0ae3177eb502e6dde06ef6175db4fa5220 100644
--- a/src/app/stepbar/stepbar.component.css
+++ b/src/app/stepbar/stepbar.component.css
@@ -84,7 +84,7 @@
 }
 
 .stepped-process-item.active {
-  background-color: #f88378 !important;
+  background-color: #ea7070 !important;
 }
 .stepped-process-item.active a {
   color: #ffffff !important;
diff --git a/src/app/variable-editor/variable-editor.component.css b/src/app/variable-editor/variable-editor.component.css
index 82bbd99af6149d5e85267a72ae1175fd531ebaa4..2dcb57a5fa65e91dc430f5b42fd720911fd13f6a 100644
--- a/src/app/variable-editor/variable-editor.component.css
+++ b/src/app/variable-editor/variable-editor.component.css
@@ -25,7 +25,7 @@ input:invalid {
 }
 .form-group.advanced>.col-form-label::after {
   content: "ADV.";
-  color: #f88378;
+  color: #ea7070;
   font-weight: normal;
   position: relative;
   top: -0.5em;
diff --git a/src/styles.css b/src/styles.css
index 210618c0b1b718615547d1b000b2b22636e7d7a9..61d173b4a97ae3ec320fe0b46fcd47df9be26a1f 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -9,8 +9,8 @@ html, body {
 :root {
   /* force no copyrighted font */
   --font-family-sans-serif: Helvetica,Arial,sans-serif;
-  --primary-color: #f88378;
-  --text-color: #f88378;
+  --primary-color: #ea7070;
+  --text-color: #ea7070;
 }
 
 /* use all available width up to 1320px */
@@ -46,7 +46,7 @@ markdown p {
   border-color: #000 !important;
 }
 .btn-group-toggle>.btn-secondary:hover {
-  color: #f88378;
+  color: #ea7070;
   background-color: #fff;
   border-color: #ccc;
 }
@@ -178,38 +178,38 @@ markdown p {
   display: none !important;
 }
 .nav-link:hover {
-  color: #f88378 !important; 
+  color: #ea7070 !important; 
 }
 .navbar-nav .nav-link.active {
-  color: #f88378 !important; 
+  color: #ea7070 !important; 
 }
 .btn-toggle:hover {
-  color: #f88378 !important; 
+  color: #ea7070 !important; 
 }
 .btn-toggle:active {
   color: #fff !important; 
-  background-color: #f88378 !important; 
-  border-color: #f88378 !important; 
+  background-color: #ea7070 !important; 
+  border-color: #ea7070 !important; 
 }
 .form-check-input:checked {
-  background-color: #f88378 !important; 
-  border-color: #f88378 !important;   
+  background-color: #ea7070 !important; 
+  border-color: #ea7070 !important;   
 }
 .form-check-input:active {
-  background-color: #f88378 !important; 
-  border-color: #f88378 !important;   
+  background-color: #ea7070 !important; 
+  border-color: #ea7070 !important;   
 }
 .title:hover {
-  color: #f88378 !important;   
+  color: #ea7070 !important;   
 }
 .title {
   color: #fff !important;   
 }
 a:hover {
-  color: #f88378 !important;   
+  color: #ea7070 !important;   
 }
 .btn-secondary:active {
   color: #fff !important; 
-  background-color: #f88378 !important; 
-  border-color: #f88378 !important; 
+  background-color: #ea7070 !important; 
+  border-color: #ea7070 !important; 
 }