diff --git a/core/src/components/alert/alert.ios.scss b/core/src/components/alert/alert.ios.scss
index c2846d3e8b..88e839f767 100644
--- a/core/src/components/alert/alert.ios.scss
+++ b/core/src/components/alert/alert.ios.scss
@@ -44,6 +44,7 @@
 .alert-ios .alert-title {
   @include margin($alert-ios-title-margin-top, null, null, null);
 
+  color: $alert-ios-title-color;
   font-size: $alert-ios-title-font-size;
   font-weight: $alert-ios-title-font-weight;
 }
diff --git a/core/src/components/alert/alert.ios.vars.scss b/core/src/components/alert/alert.ios.vars.scss
index 7acfad12d5..6de86f87b6 100644
--- a/core/src/components/alert/alert.ios.vars.scss
+++ b/core/src/components/alert/alert.ios.vars.scss
@@ -44,6 +44,9 @@ $alert-ios-head-padding-start:                          $alert-ios-head-padding-
 /// @prop - Text align of the alert head
 $alert-ios-head-text-align:                             center !default;
 
+/// @prop - Color of the alert title
+$alert-ios-title-color:                                 $text-ios-color !default;
+
 /// @prop - Margin top of the alert title
 $alert-ios-title-margin-top:                            8px !default;
 
@@ -78,7 +81,7 @@ $alert-ios-message-font-size:                           13px !default;
 $alert-ios-message-text-align:                          center !default;
 
 /// @prop - Text color of the alert message
-$alert-ios-message-text-color:                          inherit !default;
+$alert-ios-message-text-color:                          $text-ios-color !default;
 
 /// @prop - Padding top of the alert empty message
 $alert-ios-message-empty-padding-top:                   0 !default;
diff --git a/core/src/components/alert/alert.md.scss b/core/src/components/alert/alert.md.scss
index 2d93c63d75..11b1e64385 100644
--- a/core/src/components/alert/alert.md.scss
+++ b/core/src/components/alert/alert.md.scss
@@ -29,11 +29,13 @@
 }
 
 .alert-md .alert-title {
+  color: $alert-md-title-color;
   font-size: $alert-md-title-font-size;
   font-weight: $alert-md-title-font-weight;
 }
 
 .alert-md .alert-sub-title {
+  color: $alert-md-sub-title-text-color;
   font-size: $alert-md-sub-title-font-size;
 }
 
diff --git a/core/src/components/alert/alert.md.vars.scss b/core/src/components/alert/alert.md.vars.scss
index 269645d9af..31c864aa19 100644
--- a/core/src/components/alert/alert.md.vars.scss
+++ b/core/src/components/alert/alert.md.vars.scss
@@ -41,6 +41,9 @@ $alert-md-head-padding-start:                 $alert-md-head-padding-end !defaul
 /// @prop - Text align of the alert head
 $alert-md-head-text-align:                    start !default;
 
+/// @prop - Color of the alert title
+$alert-md-title-color:                        $text-md-color !default;
+
 /// @prop - Font size of the alert title
 $alert-md-title-font-size:                    20px !default;
 
@@ -50,6 +53,9 @@ $alert-md-title-font-weight:                  500 !default;
 /// @prop - Font size of the alert sub title
 $alert-md-sub-title-font-size:                16px !default;
 
+/// @prop - Text color of the alert sub title
+$alert-md-sub-title-text-color:               $text-md-color !default;
+
 /// @prop - Padding top of the alert message
 $alert-md-message-padding-top:                0 !default;