diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9c4e05d7338..22144c64164 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@
 - Fixed override possibility of text `color` in `EuiSideNavItem` ([#4488](https://github.com/elastic/eui/pull/4488))
 - Fixed blurry animation of popovers in Chrome ([#4527](https://github.com/elastic/eui/pull/4527))
 - Fixed styles of `disabled` times in `EuiDatePicker` ([#4524](https://github.com/elastic/eui/pull/4524))
+- Fixed `disabled` text color form fields in Safari ([#4538](https://github.com/elastic/eui/pull/4538))
 
 **Theme: Amsterdam**
 
diff --git a/src/global_styling/mixins/_form.scss b/src/global_styling/mixins/_form.scss
index a217f6e5b68..4a22e9746b6 100644
--- a/src/global_styling/mixins/_form.scss
+++ b/src/global_styling/mixins/_form.scss
@@ -195,8 +195,10 @@
 }
 
 @mixin euiFormControlDisabledStyle {
+  // sass-lint:disable-block no-vendor-prefixes
   cursor: not-allowed;
   color: $euiFormControlDisabledColor;
+  -webkit-text-fill-color: $euiFormControlDisabledColor; // Required for Safari
   background: $euiFormBackgroundDisabledColor;
   box-shadow: inset 0 0 0 1px $euiFormBorderDisabledColor;
 
diff --git a/src/global_styling/reset/_reset.scss b/src/global_styling/reset/_reset.scss
index 7efc6a4f17d..e4f8104bef2 100644
--- a/src/global_styling/reset/_reset.scss
+++ b/src/global_styling/reset/_reset.scss
@@ -104,6 +104,10 @@ a:hover, button, [role='button'] {
 input {
   margin: 0;
   padding: 0;
+
+  &:disabled {
+    opacity: 1; /* required on iOS */
+  }
 }
 
 button {
diff --git a/src/themes/eui-amsterdam/global_styling/reset/_reset.scss b/src/themes/eui-amsterdam/global_styling/reset/_reset.scss
index d50ae429834..6b03436f64c 100644
--- a/src/themes/eui-amsterdam/global_styling/reset/_reset.scss
+++ b/src/themes/eui-amsterdam/global_styling/reset/_reset.scss
@@ -110,6 +110,10 @@ a:hover, button, [role='button'] {
 input {
   margin: 0;
   padding: 0;
+
+  &:disabled {
+    opacity: 1; /* required on iOS */
+  }
 }
 
 button {