diff --git a/components/segmented-control/segmented.android.tsx b/components/segmented-control/segmented.android.tsx
index 7d44be3a7..7e3517187 100644
--- a/components/segmented-control/segmented.android.tsx
+++ b/components/segmented-control/segmented.android.tsx
@@ -88,7 +88,7 @@ export default class SegmentedControl extends React.Component<
       <WithTheme styles={this.props.styles} themeStyles={AndroidStyles}>
         {(styles, theme) => {
           const selectedIndex = this.state.selectedIndex;
-          tintColor = tintColor || theme.brand_primary;
+          tintColor = tintColor || theme.segmented_control_color;
           const items = values.map((value, idx) => {
             let itemRadius: any = null;
             if (idx === 0) {
diff --git a/components/segmented-control/segmented.ios.tsx b/components/segmented-control/segmented.ios.tsx
index ceb1fe000..6422ba8a0 100644
--- a/components/segmented-control/segmented.ios.tsx
+++ b/components/segmented-control/segmented.ios.tsx
@@ -21,7 +21,7 @@ export default class SegmentedControl extends React.Component<
       <WithTheme>
         {(_, theme) => (
           <SegmentedControlIOS
-            tintColor={tintColor||theme.brand_primary}
+            tintColor={tintColor||theme.segmented_control_color}
             selectedIndex={selectedIndex}
             {...restProps}
             enabled={!disabled}