diff --git a/assets/scss/_colors.scss b/assets/scss/_colors.scss
index 5b6f5f52b4..8d2825c570 100644
--- a/assets/scss/_colors.scss
+++ b/assets/scss/_colors.scss
@@ -4,21 +4,21 @@
 
 @each $color, $value in $colors {
   .swatch-#{$color} {
-    background-color: #{$value};
     color: color-yiq($value);
+    background-color: #{$value};
   }
 }
 
 @each $color, $value in $theme-colors {
   .swatch-#{$color} {
-    background-color: #{$value};
     color: color-yiq($value);
+    background-color: #{$value};
   }
 }
 
 @each $color, $value in $grays {
   .swatch-#{$color} {
-    background-color: #{$value};
     color: color-yiq($value);
+    background-color: #{$value};
   }
 }