1 files changed, 17 insertions, 0 deletions
diff --git a/site/docs/4.4/assets/scss/_colors.scss b/site/docs/4.4/assets/scss/_colors.scss
new file mode 100644
index 0000000000..10ad8efdb7
--- /dev/null
+++ b/site/docs/4.4/assets/scss/_colors.scss
@@ -0,0 +1,17 @@
+//
+// Docs color palette classes
+//
+
+@each $color, $value in $colors {
+  .swatch-#{$color} {
+    color: color-yiq($value);
+    background-color: #{$value};
+  }
+}
+
+@each $color, $value in $grays {
+  .swatch-#{$color} {
+    color: color-yiq($value);
+    background-color: #{$value};
+  }
+}