diff --git a/scss/_variables.scss b/scss/_variables.scss
index a98f4edbe2..d50d8e281e 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -49,6 +49,7 @@ $brand-success:             #5cb85c !default;
 $brand-info:                #5bc0de !default;
 $brand-warning:             #f0ad4e !default;
 $brand-danger:              #d9534f !default;
+$brand-inverse:             $gray-dark !default;
 
 
 // Options
diff --git a/scss/utilities/_background.scss b/scss/utilities/_background.scss
index 4bbf7318d9..b1589792f3 100644
--- a/scss/utilities/_background.scss
+++ b/scss/utilities/_background.scss
@@ -2,11 +2,8 @@
 // Contextual backgrounds
 //
 
-// Inverse
-// TODO: redo this as a proper class
 .bg-inverse {
-  color: $gray-lighter;
-  background-color: $gray-dark;
+  background-color: $brand-inverse;
 }
 
 .bg-faded {