diff --git a/app/static/_scss/components/_glossary.scss b/app/static/_scss/components/_glossary.scss
index cb9a3ef3..9c7940e5 100644
--- a/app/static/_scss/components/_glossary.scss
+++ b/app/static/_scss/components/_glossary.scss
@@ -1,6 +1,6 @@
 #glossary {
   transition: right 0.2s;
-  background-color: #112f4e;
+  background-color: color('primary-dark');
 
   &[aria-hidden="true"] {
     right: -20rem;
diff --git a/app/static/_scss/components/_icons.scss b/app/static/_scss/components/_icons.scss
index 6804d4d8..c52fa5e7 100644
--- a/app/static/_scss/components/_icons.scss
+++ b/app/static/_scss/components/_icons.scss
@@ -1,6 +1,6 @@
 .icon-glossary {
   position: relative;
-  color: #13171f;
+  color: color('primary');
   text-decoration: none;
 
   svg {
diff --git a/app/static/_scss/styles.scss b/app/static/_scss/styles.scss
index ee88a0ab..03b9b487 100644
--- a/app/static/_scss/styles.scss
+++ b/app/static/_scss/styles.scss
@@ -3,7 +3,7 @@
     $theme-color-base-light: "gray-cool-5",
     $theme-color-primary: "blue-70v",
     $theme-color-primary-vivid: "blue-60v",
-    
+    $theme-color-primary-dark: "blue-warm-70v",
 );
 
 @forward "uswds";