diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index f516133a6d..9a126385b3 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -158,12 +158,14 @@
   background-color: transparent;
   background-repeat: no-repeat;
 
+  color: $text-color-step-400;
+
   visibility: hidden;
   appearance: none;
 }
 
-.input-clear-icon ion-icon {
-  color: $text-color-step-400;
+:host(.in-item-color) .input-clear-icon {
+  color: inherit;
 }
 
 /**
diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
index f409595b16..d600d60de9 100644
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -12,7 +12,7 @@ import type {
 } from '../../interface';
 import type { Attributes } from '../../utils/helpers';
 import { inheritAriaAttributes, debounceEvent, findItemLabel, inheritAttributes } from '../../utils/helpers';
-import { createColorClasses } from '../../utils/theme';
+import { createColorClasses, hostContext } from '../../utils/theme';
 
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
@@ -454,6 +454,7 @@ export class Input implements ComponentInterface {
           [mode]: true,
           'has-value': this.hasValue(),
           'has-focus': this.hasFocus,
+          'in-item-color': hostContext('ion-item.ion-color', this.el),
         })}
       >
         <input
diff --git a/core/src/components/input/test/basic/input.e2e.ts b/core/src/components/input/test/basic/input.e2e.ts
index 416cb6403d..959f3509e8 100644
--- a/core/src/components/input/test/basic/input.e2e.ts
+++ b/core/src/components/input/test/basic/input.e2e.ts
@@ -185,7 +185,7 @@ test.describe('input: clear button', () => {
    */
   test('should keep the input focused when the clear button is pressed', async ({ page }) => {
     await page.setContent(`
-      <ion-input value="abc" clear-input="true"></ion-searchbar>
+      <ion-input value="abc" clear-input="true"></ion-input>
     `);
 
     const input = page.locator('ion-input');
@@ -200,4 +200,17 @@ test.describe('input: clear button', () => {
 
     await expect(nativeInput).toBeFocused();
   });
+
+  test('should inherit color when used in item with color property', async ({ page }) => {
+    await page.setContent(`
+      <ion-item color="primary">
+        <ion-input value="Text" clear-input="true"></ion-input>
+      </ion-item>
+    `);
+
+    const item = page.locator('ion-item');
+    expect(await item.screenshot()).toMatchSnapshot(
+      `input-with-clear-button-item-color-${page.getSnapshotSettings()}.png`
+    );
+  });
 });
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..29f9df8bc5
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..adbe7cbfd0
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..020a770c0f
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..d1edfee7f5
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..6fb9add3ef
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..c9111934f5
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-item-color-md-ltr-Mobile-Safari-linux.png differ