diff --git a/src/scss/utils/_colors.scss b/src/scss/utils/_colors.scss
index a230aaad9..fe23d5062 100644
--- a/src/scss/utils/_colors.scss
+++ b/src/scss/utils/_colors.scss
@@ -7,12 +7,14 @@
     background: $value !important;
   }
 
-  .text-#{"" + $color} {
-    color: $value !important;
-  }
-
   .bg-#{"" + $color}-lt {
     color: $value !important;
     background: theme-color-lighter($value, true) !important;
   }
 }
+
+@each $color, $value in theme-colors() {
+  .text-#{"" + $color} {
+    color: $value !important;
+  }
+}