diff --git a/scss/_variables.scss b/scss/_variables.scss
index 79649a5f9a..6aae8adc55 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -822,6 +822,7 @@ $input-padding-x-lg:                    $input-btn-padding-x-lg !default;
 $input-font-size-lg:                    $input-btn-font-size-lg !default;
 
 $input-bg:                              $body-bg !default;
+$input-disabled-color:                  null !default;
 $input-disabled-bg:                     $gray-200 !default;
 $input-disabled-border-color:           null !default;
 
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 51b3baa838..c781ae7b9e 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -66,6 +66,7 @@
   // don't honor that edge case; we style them as disabled anyway.
   &:disabled,
   &[readonly] {
+    color: $input-disabled-color;
     background-color: $input-disabled-bg;
     border-color: $input-disabled-border-color;
     // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.