diff --git a/app/assets/stylesheets/new_design/_colors.scss b/app/assets/stylesheets/new_design/_colors.scss
index fe9ece182..c46c85b3d 100644
--- a/app/assets/stylesheets/new_design/_colors.scss
+++ b/app/assets/stylesheets/new_design/_colors.scss
@@ -8,4 +8,7 @@ $dark-red: #A94442;
 $light-red: #EBCCD1;
 $lighter-red: #F2DEDE;
 $green: #35D49E;
+$lighter-green: lighten($green, 30%);
+$light-green: lighten($green, 25%);
+$dark-green: darken($green, 20%);
 $orange: #F59415;
diff --git a/app/assets/stylesheets/new_design/new_alert.scss b/app/assets/stylesheets/new_design/new_alert.scss
index c57594c31..d88c9d6f0 100644
--- a/app/assets/stylesheets/new_design/new_alert.scss
+++ b/app/assets/stylesheets/new_design/new_alert.scss
@@ -10,3 +10,9 @@
   border-color: $light-red;
   color: $dark-red;
 }
+
+.alert-success {
+  background-color: $lighter-green;
+  border-color: $light-green;
+  color: $dark-green;
+}