diff --git a/ui/src/app/edit-provider/container/editor.component.html b/ui/src/app/edit-provider/container/editor.component.html
index 767f8f177..fad84d12f 100644
--- a/ui/src/app/edit-provider/container/editor.component.html
+++ b/ui/src/app/edit-provider/container/editor.component.html
@@ -1,6 +1,6 @@
 <div class="container-fluid p-3" *ngIf="provider$ | async" role="main">
     <section class="section" [attr.aria-label]="'Edit metadata source - ' + (provider$ | async).serviceProviderName" tabindex="0">
-        <div class="section-header bg-info p-2 text-light">
+        <div class="section-header bg-info p-2 text-white">
             <div class="row justify-content-between">
                 <div class="col-md-12">
                     <span class="display-6"><i class="fa fa-gears"></i> Edit Metadata Source - {{ (provider$ | async).serviceProviderName }}</span>
diff --git a/ui/src/app/edit-provider/container/wizard.component.html b/ui/src/app/edit-provider/container/wizard.component.html
index 7034db1c8..16a3a6609 100644
--- a/ui/src/app/edit-provider/container/wizard.component.html
+++ b/ui/src/app/edit-provider/container/wizard.component.html
@@ -1,6 +1,6 @@
 <div class="container-fluid p-3" role="main">
     <section class="section" *ngIf="provider$ | async" tabindex="0" [attr.aria-label]="'Add a new metadata provider wizard form - ' + (currentPage$ | async).label + ' ' + (provider$ | async).serviceProviderName">
-        <div class="section-header bg-info p-2 text-light">
+        <div class="section-header bg-info p-2 text-white">
             <div class="row justify-content-between">
                 <div class="col-md-12">
                     <span class="display-6" role="heading" aria-level="1">
diff --git a/ui/src/app/metadata-provider/component/forms/metadata-ui-form.component.html b/ui/src/app/metadata-provider/component/forms/metadata-ui-form.component.html
index e15f97672..09992b4c2 100644
--- a/ui/src/app/metadata-provider/component/forms/metadata-ui-form.component.html
+++ b/ui/src/app/metadata-provider/component/forms/metadata-ui-form.component.html
@@ -52,7 +52,7 @@
                           rows="5"
                           aria-multiline="true"
                           role="textbox"></textarea>
-                <small class="form-text text-muted">
+                <small class="form-text text-secondary">
                     <ng-container>
                         {{ form.get('mdui.description').value ? form.get('mdui.description').value.length : '0' }}
                     </ng-container>
@@ -110,7 +110,7 @@
                             </span>
                         </div>
                         <input id="logoWidth" type="number" class="form-control" placeholder="" formControlName="logoWidth" step="1" role="textbox" />
-                        <small class="form-text text-muted" i18n="@@message--must-be-integer">Must be an integer equal to or greater than 0</small>
+                        <small class="form-text text-secondary" i18n="@@message--must-be-integer">Must be an integer equal to or greater than 0</small>
                     </div>
                 </div>
                 <div class="col">
@@ -128,7 +128,7 @@
                             </span>
                         </div>
                         <input id="logoHeight" type="number" class="form-control" placeholder="" formControlName="logoHeight" step="1" role="textbox" />
-                        <small class="form-text text-muted" i18n="@@message--must-be-integer">Must be an integer equal to or greater than 0</small>
+                        <small class="form-text text-secondary" i18n="@@message--must-be-integer">Must be an integer equal to or greater than 0</small>
                     </div>
                 </div>
             </div>
diff --git a/ui/src/app/metadata-provider/container/new-provider.component.html b/ui/src/app/metadata-provider/container/new-provider.component.html
index 040564cef..f32d9a8ce 100644
--- a/ui/src/app/metadata-provider/container/new-provider.component.html
+++ b/ui/src/app/metadata-provider/container/new-provider.component.html
@@ -1,6 +1,6 @@
 <div class="container-fluid p-3" role="main">
     <section class="section" aria-label="Add a new metadata source - how are you adding the metadata information?" tabindex="0">
-        <div class="section-header bg-info p-2 text-light">
+        <div class="section-header bg-info p-2 text-white">
             <div class="row justify-content-between">
                 <div class="col-md-12">
                     <span class="display-6" i18n="@@label--add-a-new-metadata-provider">Add a new metadata provider</span>
diff --git a/ui/src/theme/_palette.scss b/ui/src/theme/_palette.scss
index 59fe75d45..c94195318 100644
--- a/ui/src/theme/_palette.scss
+++ b/ui/src/theme/_palette.scss
@@ -9,7 +9,7 @@ $gray-300: #dee2e6;
 $gray-400: #ced4da;
 $gray-500: #adb5bd;
 $gray-600: #868e96;
-$gray-700: #495057;
+$gray-700: #697581;
 $gray-800: #343a40;
 $gray-900: #212529;
 $black:  #000;
@@ -31,10 +31,10 @@ $light-blue: #007db1;
 $indigo:  #6610f2;
 $purple:  #6f42c1;
 $pink:    #e83e8c;
-$red:     #ef3e33;
+$red:     #d3190f;
 $orange:  #fd7e14;
 $yellow:  #ffc107;
-$green:   #6db300;
+$green:   #498500;
 $teal:    #20c997;
 $cyan:    #17a2b8;
 
@@ -59,7 +59,7 @@ $colors: (
 
 $theme-colors: (
   primary: $blue,
-  secondary: $gray-600,
+  secondary: $gray-700,
   success: $green,
   info: $light-blue,
   warning: $yellow,
@@ -69,4 +69,4 @@ $theme-colors: (
 );
 
 // Set a specific jump point for requesting color jumps
-$theme-color-interval: 8%;
\ No newline at end of file
+$theme-color-interval: 8%;