diff --git a/src/components/CustomerHeader/index.module.scss b/src/components/CustomerHeader/index.module.scss
index 55dcb01b626..fdb6197478a 100644
--- a/src/components/CustomerHeader/index.module.scss
+++ b/src/components/CustomerHeader/index.module.scss
@@ -38,7 +38,7 @@
     }
   }
   .verticalBar {
-    color: #8fb2ed;
+    color: $mm-periwinkle;
     padding-left: 6px;
     padding-right: 6px;
   }
diff --git a/src/shared/styles/colors.scss b/src/shared/styles/colors.scss
index 7140a924958..4de1b54b57f 100644
--- a/src/shared/styles/colors.scss
+++ b/src/shared/styles/colors.scss
@@ -2,7 +2,7 @@
 //Group 1: Brand Colors
 $mm-blue: #252f3e;
 $mm-gold: #ffbe2e;
-$mm-periwinkle: #8cafea;
+$mm-periwinkle: #8fb2ed;
 
 //Group 2: Background Colors
 $bg-white: #fff;