diff --git a/app/assets/sass/components/_badge.scss b/app/assets/sass/components/_badge.scss
index 46107e7..2ef9993 100644
--- a/app/assets/sass/components/_badge.scss
+++ b/app/assets/sass/components/_badge.scss
@@ -11,8 +11,36 @@
         display: none;
     }
 
+    //    Contextual colors
+    // ----------------------------------
+
+    &-default {
+        color: white;
+        background-color: $gray;
+    }
+
     &-primary {
         color: white;
         background-color: $brand-color;
     }
+
+    &-info {
+        color: white;
+        background-color: $brand-info;
+    }
+
+    &-success {
+        color: white;
+        background-color: $brand-success;
+    }
+
+    &-warning {
+        color: black;
+        background-color: $brand-warning;
+    }
+
+    &-danger {
+        color: white;
+        background-color: $brand-danger;
+    }
 }