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