diff --git a/src/scss/utilities/_background-color.scss b/src/scss/utilities/_background-color.scss
index 305178d..7a6b317 100644
--- a/src/scss/utilities/_background-color.scss
+++ b/src/scss/utilities/_background-color.scss
@@ -71,7 +71,15 @@
   background-color: $bp-color-black;
 }
 
-.bp-bg-gradient {
-  background-color: $bp-color-gradient;
+.bp-bg-shine {
+  background-image: $bp-gradient-shine;
+}
+
+.bp-bg-blip {
+  background-image: $bp-gradient-blip;
+}
+
+.bp-bg-suit {
+  background-image: $bp-gradient-suit;
 }
 
diff --git a/src/scss/variables/_colors.scss b/src/scss/variables/_colors.scss
index 81394b6..87026af 100644
--- a/src/scss/variables/_colors.scss
+++ b/src/scss/variables/_colors.scss
@@ -38,7 +38,9 @@ $bp-color-disabled: $bp-color-offwhite;
 $bp-color-white: #ffffff;
 $bp-color-black: #000000;
 
-$bp-color-gradient: linear-gradient(180deg, #f9fbfc 0%, #ecf1f3 100%);
+$bp-gradient-shine: linear-gradient(180deg, #f9fbfc 0%, #ecf1f3 100%);
+$bp-gradient-blip: linear-gradient(90deg, #51DBE3 0%, #28B4C3 100%);
+$bp-gradient-suit: linear-gradient(90deg,#3d4554,#2f3747);
 
 //3rd parties
 $bp-color-facebook: #3c5a99;