diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index 9926a73a996..0b9f3862656 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -539,7 +539,7 @@ $mobile-breakpoint: 700px;
 
   .setting.overridden {
     h3 {
-      color: scale-color($highlight, $lightness: -50%);
+      color: $highlight-high;
     }
   }
 
diff --git a/app/assets/stylesheets/common/foundation/variables.scss b/app/assets/stylesheets/common/foundation/variables.scss
index 200450b9f4f..e0cd65a6468 100644
--- a/app/assets/stylesheets/common/foundation/variables.scss
+++ b/app/assets/stylesheets/common/foundation/variables.scss
@@ -110,6 +110,7 @@ $quaternary-low: dark-light-diff($quaternary, $secondary, 70%, -70%);
 //highlight
 $highlight-low: dark-light-diff($highlight, $secondary, 70%, -80%);
 $highlight-medium: dark-light-diff($highlight, $secondary, 50%, -55%);
+$highlight-high: dark-light-diff($highlight, $secondary, -50%, -10%);
 
 //danger
 $danger-low: dark-light-diff($danger, $secondary, 50%, -40%);