diff --git a/core/src/components/buttons/buttons.ios.scss b/core/src/components/buttons/buttons.ios.scss
index 28b42be001..13d779b27c 100644
--- a/core/src/components/buttons/buttons.ios.scss
+++ b/core/src/components/buttons/buttons.ios.scss
@@ -24,8 +24,8 @@
 // --------------------------------------------------
 
 :host-context(.ion-color)::slotted(*) .button {
-  --color: currentColor;
-  --color-activated: currentColor;
+  --color: initial;
+  --color-activated: initial;
 }
 
 
diff --git a/core/src/components/buttons/buttons.md.scss b/core/src/components/buttons/buttons.md.scss
index 89968bdef6..0eea70ffc7 100644
--- a/core/src/components/buttons/buttons.md.scss
+++ b/core/src/components/buttons/buttons.md.scss
@@ -25,8 +25,8 @@
 // --------------------------------------------------
 
 :host-context(.ion-color)::slotted(*) .button {
-  --color: currentColor;
-  --color-activated: currentColor;
+  --color: initial;
+  --color-activated: initial;
 }
 
 
@@ -45,7 +45,7 @@
 // --------------------------------------------------
 
 ::slotted(*) .button-outline {
-  --color: currentColor;
+  --color: initial;
   --color-activated: currentColor;
   --background: transparent;
   --background-activated: transparent;
@@ -57,7 +57,7 @@
 // --------------------------------------------------
 
 ::slotted(*) .button-clear {
-  --color: currentColor;
+  --color: initial;
   --color-activated: currentColor;
   --background: transparent;
 }
diff --git a/core/src/components/chip/chip.scss b/core/src/components/chip/chip.scss
index 87bd1ecaa6..e961fed9b1 100644
--- a/core/src/components/chip/chip.scss
+++ b/core/src/components/chip/chip.scss
@@ -45,7 +45,7 @@
 
 :host(.ion-color)::slotted(*) ion-chip-icon,
 :host(.ion-color)::slotted(*) ion-chip-button {
-  --color: currentColor;
+  --color: initial;
 }
 
 ::slotted(*) ion-label {
diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 52b50d343d..bd6fdf9665 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -16,7 +16,7 @@
    * @prop --placeholder-font-weight: Font weight of the input placeholder text
    * @prop --placeholder-opacity: Opacity of the input placeholder text
    */
-  --placeholder-color: currentColor;
+  --placeholder-color: initial;
   --placeholder-font-style: inherit;
   --placeholder-font-weight: inherit;
   --placeholder-opacity: .5;
diff --git a/core/src/components/item/item.scss b/core/src/components/item/item.scss
index ded4bc8b7d..4a221ef4c3 100644
--- a/core/src/components/item/item.scss
+++ b/core/src/components/item/item.scss
@@ -53,7 +53,7 @@
   --inner-box-shadow: none;
   --show-full-highlight: 0;
   --show-inset-highlight: 0;
-  --detail-icon-color: currentColor;
+  --detail-icon-color: initial;
   --detail-icon-font-size: 20px;
   --detail-icon-opacity: 0.25;
 
diff --git a/core/src/components/label/label.scss b/core/src/components/label/label.scss
index b147cc45b6..4858adf261 100644
--- a/core/src/components/label/label.scss
+++ b/core/src/components/label/label.scss
@@ -8,7 +8,7 @@
   /**
    * @prop --color: Color of the label
    */
-  --color: currentColor;
+  --color: initial;
 
   @include margin(0);
 
diff --git a/core/src/components/menu-button/menu-button.md.scss b/core/src/components/menu-button/menu-button.md.scss
index a988540b1b..538bd248a5 100644
--- a/core/src/components/menu-button/menu-button.md.scss
+++ b/core/src/components/menu-button/menu-button.md.scss
@@ -4,7 +4,7 @@
 // --------------------------------------------------
 
 :host {
-  --color: currentColor;
+  --color: initial;
 }
 
 button {
diff --git a/core/src/components/searchbar/searchbar.md.scss b/core/src/components/searchbar/searchbar.md.scss
index 9e934485ff..99403cfb7a 100644
--- a/core/src/components/searchbar/searchbar.md.scss
+++ b/core/src/components/searchbar/searchbar.md.scss
@@ -5,7 +5,7 @@
 // --------------------------------------------------
 
 :host {
-  --clear-button-color: currentColor;
+  --clear-button-color: initial;
   --cancel-button-color: #{$searchbar-md-cancel-button-color};
   --color: #{$searchbar-md-input-text-color};
   --icon-color: #{$searchbar-md-input-search-icon-color};
diff --git a/core/src/components/searchbar/searchbar.scss b/core/src/components/searchbar/searchbar.scss
index 9de19652e1..7a99055865 100644
--- a/core/src/components/searchbar/searchbar.scss
+++ b/core/src/components/searchbar/searchbar.scss
@@ -15,7 +15,7 @@
    * @prop --placeholder-font-weight: Font weight of the searchbar placeholder
    * @prop --placeholder-opacity: Opacity of the searchbar placeholder
    */
-  --placeholder-color: currentColor;
+  --placeholder-color: initial;
   --placeholder-font-style: inherit;
   --placeholder-font-weight: inherit;
   --placeholder-opacity: .5;
diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
index f644666f42..c9b46fc94f 100644
--- a/core/src/components/textarea/textarea.scss
+++ b/core/src/components/textarea/textarea.scss
@@ -18,8 +18,8 @@
    * @prop --padding-start: Start padding of the textarea
    */
   --background: initial;
-  --color: currentColor;
-  --placeholder-color: currentColor;
+  --color: initial;
+  --placeholder-color: initial;
   --placeholder-font-style: inherit;
   --placeholder-font-weight: inherit;
   --placeholder-opacity: .5;
diff --git a/core/src/components/title/title.scss b/core/src/components/title/title.scss
index d035fac869..08b463e62d 100644
--- a/core/src/components/title/title.scss
+++ b/core/src/components/title/title.scss
@@ -7,7 +7,7 @@
   /**
    * @prop --color: Text color of the title
    */
-  --color: currentColor;
+  --color: initial;
 
   display: flex;