diff --git a/src/iss-components/site-header/progress-bar/progress-bar.vue b/src/iss-components/site-header/progress-bar/progress-bar.vue
index 4c21d476..700556ad 100644
--- a/src/iss-components/site-header/progress-bar/progress-bar.vue
+++ b/src/iss-components/site-header/progress-bar/progress-bar.vue
@@ -44,7 +44,7 @@ export default {
 
         .progress-bar-header {
             padding-right: 0.3125rem;
-            color: $green;
+            color: $progress-bar-color;
             font-weight: 600;
             font-size: 0.875rem;
             line-height: 0.9375rem;
@@ -62,11 +62,10 @@ export default {
 
             margin-left: 0;
             border-radius: $border-radius-pill;
-            background-color: #ffffff;
             overflow: visible;
 
             .progress-bar {
-                background-color: $green;
+                background-color: $progress-bar-color;
                 border-radius: $border-radius-pill 0 0 $border-radius-pill;
                 overflow: visible;
 
@@ -79,7 +78,7 @@ export default {
                     margin-top: -1px;
                     border: 0.125rem solid #ffffff;
                     border-radius: 50%;
-                    background-color: $green;
+                    background-color: $progress-bar-color;
                     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
                 }
             }
diff --git a/src/styles/client-customizations.scss b/src/styles/client-customizations.scss
index ae6a41b6..54ba605e 100644
--- a/src/styles/client-customizations.scss
+++ b/src/styles/client-customizations.scss
@@ -11,6 +11,7 @@
     $button-color: #a9e3e9;
     $button-text-color: #181643;
     $svg-fill-color: '%2309748b'; // Color of calendar icon. Place HEX code *after* %23
+    $progress-bar-color: #181643;
 
     //Variables
     --iss-loader-color: #{$button-text-color};
@@ -76,6 +77,22 @@
             }
         }
     }
+
+    .progress-bar-container {
+        .progress-bar-header {
+            color: $progress-bar-color;
+        }
+
+        .progress {
+            .progress-bar {
+                background-color: $progress-bar-color;
+
+                .progress-bar-middle {
+                    background-color: $progress-bar-color;
+                }
+            }
+        }
+    }
 }
 
 // End Liberty Mutual, SafeCo
diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss
index 409fc9e5..3a12300c 100644
--- a/src/styles/ux-variables.scss
+++ b/src/styles/ux-variables.scss
@@ -155,6 +155,9 @@ $border-radius-sm: 0.2rem;
 $border-radius-lg: 0.5rem; //Used for buttons. Can be used for other things, of course.
 $border-radius-pill: 50rem;
 
+//Progress Bar Styling
+$progress-bar-color: $green;
+
 //Spacing
 // 8 spacers available instead of the usual 5
 $spacer: 1rem;
@@ -208,4 +211,4 @@ $modal-backdrop-opacity: 0;
 $enable-important-utilities: false;
 
 // Letter Spacing
-$letter-spacing-primary: 0.03em;
+$letter-spacing-primary: 0.03em;
\ No newline at end of file