diff --git a/packages/eui/src/components/form/form.styles.test.tsx b/packages/eui/src/components/form/form.styles.test.tsx
index dcf015f0142..01c7d466840 100644
--- a/packages/eui/src/components/form/form.styles.test.tsx
+++ b/packages/eui/src/components/form/form.styles.test.tsx
@@ -28,7 +28,7 @@ describe('euiFormVariables', () => {
       Object {
         "animationTiming": "150ms ease-in",
         "backgroundColor": "#f9fbfd",
-        "backgroundDisabledColor": "#eceff5",
+        "backgroundDisabledColor": "#eef1f7",
         "backgroundReadOnlyColor": "#FFF",
         "borderColor": "rgba(211,218,230,0.9)",
         "borderDisabledColor": "rgba(211,218,230,0.9)",
diff --git a/packages/eui/src/components/form/form.styles.ts b/packages/eui/src/components/form/form.styles.ts
index 57834bafb09..0d1153253c7 100644
--- a/packages/eui/src/components/form/form.styles.ts
+++ b/packages/eui/src/components/form/form.styles.ts
@@ -42,7 +42,7 @@ export const euiFormVariables = (euiThemeContext: UseEuiTheme) => {
 
   const colors = {
     backgroundColor: backgroundColor,
-    backgroundDisabledColor: darken(euiTheme.colors.lightestShade, 0.1),
+    backgroundDisabledColor: darken(euiTheme.colors.lightestShade, 0.05),
     backgroundReadOnlyColor: euiTheme.colors.emptyShade,
     borderColor: transparentize(euiTheme.border.color, 0.9),
     borderDisabledColor: transparentize(euiTheme.border.color, 0.9),