diff --git a/src/components/connection-modal/connection-modal.css b/src/components/connection-modal/connection-modal.css
index a97c4355d..6527ff180 100644
--- a/src/components/connection-modal/connection-modal.css
+++ b/src/components/connection-modal/connection-modal.css
@@ -6,7 +6,7 @@
 }
 
 .header {
-    background-color: $pen-primary;
+    background-color: $pen-tertiary;
 }
 
 .body {
@@ -264,7 +264,7 @@
 }
 
 .help-step-number {
-    background: $pen-primary;
+    background: $pen-tertiary;
     border-radius: 100%;
     display: flex;
     justify-content: center;
diff --git a/src/css/colors.css b/src/css/colors.css
index 13a861788..d5ae6f1a6 100644
--- a/src/css/colors.css
+++ b/src/css/colors.css
@@ -34,6 +34,7 @@ $data-primary: hsla(30, 100%, 55%, 1); /* #FF8C1A */
 
 $pen-primary: hsla(163, 85%, 40%, 1); /* #0FBD8C */
 $pen-transparent: hsla(163, 85%, 40%, 0.25); /* #0FBD8C */
+$pen-tertiary: hsla(163, 86%, 30%, 1); /* #0B8E69 */
 
 $error-primary: hsla(30, 100%, 55%, 1); /* #FF8C1A */
 $error-light: hsla(30, 100%, 70%, 1); /* #FFB366 */