diff --git a/BREAKING.md b/BREAKING.md
index 47fac2256cf..08b750a227c 100644
--- a/BREAKING.md
+++ b/BREAKING.md
@@ -14,7 +14,9 @@ This is a comprehensive list of the breaking changes introduced in the major ver
 
 - [Components](#components)
   * [Header](#header)
+  * [Tab Bar](#tab-bar)
   * [Toast](#toast)
+  * [Toolbar](#toolbar)
 - [Config](#config)
   * [Transition Shadow](#transition-shadow)
 
@@ -34,10 +36,26 @@ ion-header.header-collapse-condense ion-toolbar:last-of-type {
 }
 ```
 
+#### Tab Bar
+
+The default iOS tab bar background color has been updated to better reflect the latest iOS styles. The new default value is:
+
+```css
+var(--ion-tab-bar-background, var(--ion-color-step-50, #f7f7f7));
+```
+
 #### Toast
 
 The `--white-space` CSS variable now defaults to `normal` instead of `pre-wrap`.
 
+#### Toolbar
+
+The default iOS toolbar background color has been updated to better reflect the latest iOS styles. The new default value is:
+
+```css
+var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7));
+```
+
 
 ### Config
 
@@ -46,6 +64,7 @@ The `--white-space` CSS variable now defaults to `normal` instead of `pre-wrap`.
 The `experimentalTransitionShadow` config option has been removed. The transition shadow is now enabled when running in `ios` mode.
 
 
+
 ## Version 5.x
 
 - [CSS](#css)
diff --git a/core/src/themes/ionic.theme.default.ios.scss b/core/src/themes/ionic.theme.default.ios.scss
index b66449a871b..db2ac4279d9 100644
--- a/core/src/themes/ionic.theme.default.ios.scss
+++ b/core/src/themes/ionic.theme.default.ios.scss
@@ -13,7 +13,7 @@ $overlay-ios-background-color:              var(--ion-overlay-background-color,
 
 // iOS Tabs & Tab bar
 // --------------------------------------------------
-$tabbar-ios-background:                     var(--ion-tab-bar-background, $background-color) !default;
+$tabbar-ios-background:                     var(--ion-tab-bar-background, var(--ion-color-step-50, #f7f7f7)) !default;
 $tabbar-ios-background-focused:             var(--ion-tab-bar-background-focused, get-color-shade(#fff)) !default;
 $tabbar-ios-border-color:                   var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, .2)))) !default;
 $tabbar-ios-color:                          var(--ion-tab-bar-color, $text-color-step-600) !default;
@@ -21,7 +21,7 @@ $tabbar-ios-color-selected:                 var(--ion-tab-bar-color-selected, io
 
 // iOS Toolbar
 // --------------------------------------------------
-$toolbar-ios-background:                    var(--ion-toolbar-background, var(--ion-color-step-50, #fff)) !default;
+$toolbar-ios-background:                    var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7)) !default;
 $toolbar-ios-border-color:                  var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, .2)))) !default;
 $toolbar-ios-color:                         var(--ion-toolbar-color, $text-color) !default;