diff --git a/app/javascript/styles/pop-light/variables.scss b/app/javascript/styles/pop-light/variables.scss
index 14b8feb9d..a1b75b29a 100644
--- a/app/javascript/styles/pop-light/variables.scss
+++ b/app/javascript/styles/pop-light/variables.scss
@@ -7,6 +7,8 @@ $blurple-600: #40b6c5;
 $blurple-500: #48b9c7;
 $blurple-400: #48b9c7;
 $blurple-300: #48b9c7;
+$grey-600: #403937; // Topaz
+$grey-100: #403937; // Trout
 
 $classic-base-color: #49423e;         // Midnight Express
 $classic-primary-color: #c9c7c5;      // Echo Blue
diff --git a/app/javascript/styles/pop/variables.scss b/app/javascript/styles/pop/variables.scss
index 3e963bb4b..dddda8132 100644
--- a/app/javascript/styles/pop/variables.scss
+++ b/app/javascript/styles/pop/variables.scss
@@ -7,6 +7,8 @@ $blurple-600: #40b6c5;
 $blurple-500: #48b9c7;
 $blurple-400: #48b9c7;
 $blurple-300: #48b9c7;
+$grey-600: #403937; // Topaz
+$grey-100: #f3e2da; // Topaz
 
 $success-green: #3e935b;    // Padua
 $error-red: $red-500;        // Cerise