diff --git a/ionic/components/item/item.ios.scss b/ionic/components/item/item.ios.scss
index a40f1459c7..ac873d629d 100644
--- a/ionic/components/item/item.ios.scss
+++ b/ionic/components/item/item.ios.scss
@@ -189,6 +189,17 @@ ion-item-divider {
 }
 
 
+// Generate iOS Item Divider Colors
+// --------------------------------------------------
+
+@each $color-name, $color-value in $colors-ios {
+  ion-item-divider[#{$color-name}] {
+    background-color: $color-value;
+    color: inverse($color-value);
+  }
+}
+
+
 // iOS Item Sliding
 // --------------------------------------------------
 
diff --git a/ionic/components/item/item.md.scss b/ionic/components/item/item.md.scss
index 39edbda284..e830bc1803 100644
--- a/ionic/components/item/item.md.scss
+++ b/ionic/components/item/item.md.scss
@@ -163,6 +163,17 @@ ion-item-divider {
 }
 
 
+// Generate Material Design Item Divider Colors
+// --------------------------------------------------
+
+@each $color-name, $color-value in $colors-md {
+  ion-item-divider[#{$color-name}] {
+    background-color: $color-value;
+    color: inverse($color-value);
+  }
+}
+
+
 // Material Design Item Sliding
 // --------------------------------------------------
 
diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss
index 9e97a098f4..4a77ca8f68 100644
--- a/ionic/components/item/item.scss
+++ b/ionic/components/item/item.scss
@@ -88,12 +88,5 @@ ion-item-content + ion-item-content[cnt] {
   display: none;
 }
 
-@each $color-name, $color-value in $colors {
-  ion-item-divider[#{$color-name}] {
-    background-color: $color-value;
-    color: inverse($color-value);
-  }
-}
-
 @import "item-media";
 @import "item-sliding";