diff --git a/app/javascript/styles/light-pink/variables.scss b/app/javascript/styles/light-pink/variables.scss
index 75446b9ca..6591bf965 100644
--- a/app/javascript/styles/light-pink/variables.scss
+++ b/app/javascript/styles/light-pink/variables.scss
@@ -7,6 +7,12 @@ $classic-primary-color: #ffa7ae;
 $classic-secondary-color: #faeef1;
 $classic-highlight-color: #ff375b;
 
+$blurple-600: #6e202f; // Iris
+$blurple-500: #ff375b; // Brand purple
+$blurple-300: #ffa7ae; // Faded Blue
+$grey-600: #5a4c4f; // Trout
+$grey-100: #f3dae1; // Topaz
+
 // Differences
 $success-green: lighten(#3c754d, 8%);
 
@@ -19,6 +25,17 @@ $ui-primary-color: #f1adbf;
 $ui-secondary-color: $classic-base-color !default;
 $ui-highlight-color: $classic-highlight-color !default;
 
+$ui-button-secondary-color: $grey-600 !default;
+$ui-button-secondary-border-color: $grey-600 !default;
+$ui-button-secondary-focus-color: $white !default;
+
+$ui-button-tertiary-color: $blurple-500 !default;
+$ui-button-tertiary-border-color: $blurple-500 !default;
+
+$ui-button-color: $white !default;
+$ui-button-background-color: $blurple-500 !default;
+$ui-button-focus-background-color: $blurple-600 !default;
+
 $primary-text-color: $black !default;
 $darker-text-color: $classic-base-color !default;
 $highlight-text-color: darken($ui-highlight-color, 8%) !default;