diff --git a/src/components/picker/picker.ios.scss b/src/components/picker/picker.ios.scss
index 1c407a3486e..65a5fd54314 100644
--- a/src/components/picker/picker.ios.scss
+++ b/src/components/picker/picker.ios.scss
@@ -127,6 +127,7 @@ $picker-ios-option-offset-y:                   (($picker-ios-height - $picker-io
 
   font-size: $picker-ios-option-font-size;
   line-height: $picker-ios-option-height;
+  color: $picker-ios-option-text-color;
 
   background: transparent;
   transform-origin: center center;
diff --git a/src/components/picker/picker.md.scss b/src/components/picker/picker.md.scss
index 5a5c27eed4c..1cb0bb9c213 100644
--- a/src/components/picker/picker.md.scss
+++ b/src/components/picker/picker.md.scss
@@ -114,6 +114,7 @@ $picker-md-option-selected-color:             color($colors-md, primary) !defaul
 
   font-size: $picker-md-option-font-size;
   line-height: $picker-md-option-height;
+  color: $picker-md-option-text-color;
 
   background: transparent;
 
diff --git a/src/components/picker/picker.scss b/src/components/picker/picker.scss
index eda86edf173..378a5fe56be 100644
--- a/src/components/picker/picker.scss
+++ b/src/components/picker/picker.scss
@@ -123,7 +123,6 @@ ion-picker-cmp {
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: #000;
 
   will-change: transform;
   contain: strict;
diff --git a/src/components/picker/picker.wp.scss b/src/components/picker/picker.wp.scss
index 033e0f979bd..a35d5fb7b52 100644
--- a/src/components/picker/picker.wp.scss
+++ b/src/components/picker/picker.wp.scss
@@ -127,6 +127,7 @@ $picker-wp-option-selected-color:             color($colors-wp, primary) !defaul
 
   font-size: $picker-wp-option-font-size;
   line-height: $picker-wp-option-height;
+  color: $picker-wp-option-text-color;
 
   background: transparent;