diff --git a/scss/_card.scss b/scss/_card.scss
index 03079f9880..aff6036a08 100644
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -5,7 +5,7 @@
 .card {
   position: relative;
   margin-bottom: $card-spacer-y;
-  background-color: #fff;
+  background-color: $card-bg;
   border: $card-border-width solid $card-border-color;
   @include border-radius($card-border-radius);
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 471c88f345..60adc7735a 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -454,6 +454,7 @@ $card-border-radius:       .25rem !default;
 $card-border-color:        #e5e5e5 !default;
 $card-border-radius-inner: ($card-border-radius - $card-border-width) !default;
 $card-cap-bg:              #f5f5f5 !default;
+$card-bg:                  #fff !default;
 
 // Tooltips