diff --git a/src/components/toolbar/test/colors/main.html b/src/components/toolbar/test/colors/main.html
index 473a33340ad..0f4ce1a18f7 100644
--- a/src/components/toolbar/test/colors/main.html
+++ b/src/components/toolbar/test/colors/main.html
@@ -60,7 +60,7 @@
 
   <ion-toolbar no-border-top color="secondary">
     <ion-buttons start>
-      <button ion-button icon-only solid>
+      <button ion-button icon-only color="primary">
         <ion-icon name="contact"></ion-icon>
       </button>
       <button ion-button icon-left solid>
@@ -79,7 +79,7 @@
 
   <ion-toolbar no-border-top color="secondary">
     <ion-buttons start>
-      <button ion-button icon-only solid class="activated">
+      <button ion-button icon-only color="primary" class="activated">
         <ion-icon name="contact"></ion-icon>
       </button>
       <button ion-button icon-left solid class="activated">
diff --git a/src/components/toolbar/toolbar.ios.scss b/src/components/toolbar/toolbar.ios.scss
index d02c446df8b..2fe25609a97 100644
--- a/src/components/toolbar/toolbar.ios.scss
+++ b/src/components/toolbar/toolbar.ios.scss
@@ -113,6 +113,12 @@ ion-footer .toolbar-ios:last-child .toolbar-background,
     .bar-button-default-ios {
       color: $color-contrast;
     }
+
+    @each $color-name, $color-base, $color-contrast in get-colors($colors-ios) {
+      @include ios-bar-button-default($color-name, $color-base, $color-contrast);
+      @include ios-bar-button-outline($color-name, $color-base, $color-contrast);
+      @include ios-bar-button-solid($color-name, $color-base, $color-contrast);
+    }
   }
 }