diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index de2f5e2a8..7661007f6 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -933,39 +933,39 @@ samp {
   background-color: #741c46 !important;
 }
 
-.bg-grey-100 {
+.bg-gray-100 {
   background-color: #f8fcfe !important;
 }
 
-.bg-grey-200 {
+.bg-gray-200 {
   background-color: #f1f5fb !important;
 }
 
-.bg-grey-300 {
+.bg-gray-300 {
   background-color: #e2e9f0 !important;
 }
 
-.bg-grey-400 {
+.bg-gray-400 {
   background-color: #bbc5cf !important;
 }
 
-.bg-grey-500 {
+.bg-gray-500 {
   background-color: #a3b0bd !important;
 }
 
-.bg-grey-600 {
+.bg-gray-600 {
   background-color: #7a8996 !important;
 }
 
-.bg-grey-700 {
+.bg-gray-700 {
   background-color: #5a6977 !important;
 }
 
-.bg-grey-800 {
+.bg-gray-800 {
   background-color: #2e3a45 !important;
 }
 
-.bg-grey-900 {
+.bg-gray-900 {
   background-color: #1f2830 !important;
 }
 
@@ -1305,39 +1305,39 @@ samp {
   background-color: #741c46 !important;
 }
 
-.hover\:bg-grey-100:hover {
+.hover\:bg-gray-100:hover {
   background-color: #f8fcfe !important;
 }
 
-.hover\:bg-grey-200:hover {
+.hover\:bg-gray-200:hover {
   background-color: #f1f5fb !important;
 }
 
-.hover\:bg-grey-300:hover {
+.hover\:bg-gray-300:hover {
   background-color: #e2e9f0 !important;
 }
 
-.hover\:bg-grey-400:hover {
+.hover\:bg-gray-400:hover {
   background-color: #bbc5cf !important;
 }
 
-.hover\:bg-grey-500:hover {
+.hover\:bg-gray-500:hover {
   background-color: #a3b0bd !important;
 }
 
-.hover\:bg-grey-600:hover {
+.hover\:bg-gray-600:hover {
   background-color: #7a8996 !important;
 }
 
-.hover\:bg-grey-700:hover {
+.hover\:bg-gray-700:hover {
   background-color: #5a6977 !important;
 }
 
-.hover\:bg-grey-800:hover {
+.hover\:bg-gray-800:hover {
   background-color: #2e3a45 !important;
 }
 
-.hover\:bg-grey-900:hover {
+.hover\:bg-gray-900:hover {
   background-color: #1f2830 !important;
 }
 
@@ -1677,39 +1677,39 @@ samp {
   background-color: #741c46 !important;
 }
 
-.focus\:bg-grey-100:focus {
+.focus\:bg-gray-100:focus {
   background-color: #f8fcfe !important;
 }
 
-.focus\:bg-grey-200:focus {
+.focus\:bg-gray-200:focus {
   background-color: #f1f5fb !important;
 }
 
-.focus\:bg-grey-300:focus {
+.focus\:bg-gray-300:focus {
   background-color: #e2e9f0 !important;
 }
 
-.focus\:bg-grey-400:focus {
+.focus\:bg-gray-400:focus {
   background-color: #bbc5cf !important;
 }
 
-.focus\:bg-grey-500:focus {
+.focus\:bg-gray-500:focus {
   background-color: #a3b0bd !important;
 }
 
-.focus\:bg-grey-600:focus {
+.focus\:bg-gray-600:focus {
   background-color: #7a8996 !important;
 }
 
-.focus\:bg-grey-700:focus {
+.focus\:bg-gray-700:focus {
   background-color: #5a6977 !important;
 }
 
-.focus\:bg-grey-800:focus {
+.focus\:bg-gray-800:focus {
   background-color: #2e3a45 !important;
 }
 
-.focus\:bg-grey-900:focus {
+.focus\:bg-gray-900:focus {
   background-color: #1f2830 !important;
 }
 
@@ -2121,39 +2121,39 @@ samp {
   border-color: #741c46 !important;
 }
 
-.border-grey-100 {
+.border-gray-100 {
   border-color: #f8fcfe !important;
 }
 
-.border-grey-200 {
+.border-gray-200 {
   border-color: #f1f5fb !important;
 }
 
-.border-grey-300 {
+.border-gray-300 {
   border-color: #e2e9f0 !important;
 }
 
-.border-grey-400 {
+.border-gray-400 {
   border-color: #bbc5cf !important;
 }
 
-.border-grey-500 {
+.border-gray-500 {
   border-color: #a3b0bd !important;
 }
 
-.border-grey-600 {
+.border-gray-600 {
   border-color: #7a8996 !important;
 }
 
-.border-grey-700 {
+.border-gray-700 {
   border-color: #5a6977 !important;
 }
 
-.border-grey-800 {
+.border-gray-800 {
   border-color: #2e3a45 !important;
 }
 
-.border-grey-900 {
+.border-gray-900 {
   border-color: #1f2830 !important;
 }
 
@@ -2493,39 +2493,39 @@ samp {
   border-color: #741c46 !important;
 }
 
-.hover\:border-grey-100:hover {
+.hover\:border-gray-100:hover {
   border-color: #f8fcfe !important;
 }
 
-.hover\:border-grey-200:hover {
+.hover\:border-gray-200:hover {
   border-color: #f1f5fb !important;
 }
 
-.hover\:border-grey-300:hover {
+.hover\:border-gray-300:hover {
   border-color: #e2e9f0 !important;
 }
 
-.hover\:border-grey-400:hover {
+.hover\:border-gray-400:hover {
   border-color: #bbc5cf !important;
 }
 
-.hover\:border-grey-500:hover {
+.hover\:border-gray-500:hover {
   border-color: #a3b0bd !important;
 }
 
-.hover\:border-grey-600:hover {
+.hover\:border-gray-600:hover {
   border-color: #7a8996 !important;
 }
 
-.hover\:border-grey-700:hover {
+.hover\:border-gray-700:hover {
   border-color: #5a6977 !important;
 }
 
-.hover\:border-grey-800:hover {
+.hover\:border-gray-800:hover {
   border-color: #2e3a45 !important;
 }
 
-.hover\:border-grey-900:hover {
+.hover\:border-gray-900:hover {
   border-color: #1f2830 !important;
 }
 
@@ -2865,39 +2865,39 @@ samp {
   border-color: #741c46 !important;
 }
 
-.focus\:border-grey-100:focus {
+.focus\:border-gray-100:focus {
   border-color: #f8fcfe !important;
 }
 
-.focus\:border-grey-200:focus {
+.focus\:border-gray-200:focus {
   border-color: #f1f5fb !important;
 }
 
-.focus\:border-grey-300:focus {
+.focus\:border-gray-300:focus {
   border-color: #e2e9f0 !important;
 }
 
-.focus\:border-grey-400:focus {
+.focus\:border-gray-400:focus {
   border-color: #bbc5cf !important;
 }
 
-.focus\:border-grey-500:focus {
+.focus\:border-gray-500:focus {
   border-color: #a3b0bd !important;
 }
 
-.focus\:border-grey-600:focus {
+.focus\:border-gray-600:focus {
   border-color: #7a8996 !important;
 }
 
-.focus\:border-grey-700:focus {
+.focus\:border-gray-700:focus {
   border-color: #5a6977 !important;
 }
 
-.focus\:border-grey-800:focus {
+.focus\:border-gray-800:focus {
   border-color: #2e3a45 !important;
 }
 
-.focus\:border-grey-900:focus {
+.focus\:border-gray-900:focus {
   border-color: #1f2830 !important;
 }
 
@@ -6187,39 +6187,39 @@ samp {
   color: #741c46 !important;
 }
 
-.text-grey-100 {
+.text-gray-100 {
   color: #f8fcfe !important;
 }
 
-.text-grey-200 {
+.text-gray-200 {
   color: #f1f5fb !important;
 }
 
-.text-grey-300 {
+.text-gray-300 {
   color: #e2e9f0 !important;
 }
 
-.text-grey-400 {
+.text-gray-400 {
   color: #bbc5cf !important;
 }
 
-.text-grey-500 {
+.text-gray-500 {
   color: #a3b0bd !important;
 }
 
-.text-grey-600 {
+.text-gray-600 {
   color: #7a8996 !important;
 }
 
-.text-grey-700 {
+.text-gray-700 {
   color: #5a6977 !important;
 }
 
-.text-grey-800 {
+.text-gray-800 {
   color: #2e3a45 !important;
 }
 
-.text-grey-900 {
+.text-gray-900 {
   color: #1f2830 !important;
 }
 
@@ -6559,39 +6559,39 @@ samp {
   color: #741c46 !important;
 }
 
-.hover\:text-grey-100:hover {
+.hover\:text-gray-100:hover {
   color: #f8fcfe !important;
 }
 
-.hover\:text-grey-200:hover {
+.hover\:text-gray-200:hover {
   color: #f1f5fb !important;
 }
 
-.hover\:text-grey-300:hover {
+.hover\:text-gray-300:hover {
   color: #e2e9f0 !important;
 }
 
-.hover\:text-grey-400:hover {
+.hover\:text-gray-400:hover {
   color: #bbc5cf !important;
 }
 
-.hover\:text-grey-500:hover {
+.hover\:text-gray-500:hover {
   color: #a3b0bd !important;
 }
 
-.hover\:text-grey-600:hover {
+.hover\:text-gray-600:hover {
   color: #7a8996 !important;
 }
 
-.hover\:text-grey-700:hover {
+.hover\:text-gray-700:hover {
   color: #5a6977 !important;
 }
 
-.hover\:text-grey-800:hover {
+.hover\:text-gray-800:hover {
   color: #2e3a45 !important;
 }
 
-.hover\:text-grey-900:hover {
+.hover\:text-gray-900:hover {
   color: #1f2830 !important;
 }
 
@@ -6931,39 +6931,39 @@ samp {
   color: #741c46 !important;
 }
 
-.focus\:text-grey-100:focus {
+.focus\:text-gray-100:focus {
   color: #f8fcfe !important;
 }
 
-.focus\:text-grey-200:focus {
+.focus\:text-gray-200:focus {
   color: #f1f5fb !important;
 }
 
-.focus\:text-grey-300:focus {
+.focus\:text-gray-300:focus {
   color: #e2e9f0 !important;
 }
 
-.focus\:text-grey-400:focus {
+.focus\:text-gray-400:focus {
   color: #bbc5cf !important;
 }
 
-.focus\:text-grey-500:focus {
+.focus\:text-gray-500:focus {
   color: #a3b0bd !important;
 }
 
-.focus\:text-grey-600:focus {
+.focus\:text-gray-600:focus {
   color: #7a8996 !important;
 }
 
-.focus\:text-grey-700:focus {
+.focus\:text-gray-700:focus {
   color: #5a6977 !important;
 }
 
-.focus\:text-grey-800:focus {
+.focus\:text-gray-800:focus {
   color: #2e3a45 !important;
 }
 
-.focus\:text-grey-900:focus {
+.focus\:text-gray-900:focus {
   color: #1f2830 !important;
 }
 
@@ -7701,39 +7701,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .sm\:bg-grey-100 {
+  .sm\:bg-gray-100 {
     background-color: #f8fcfe !important;
   }
 
-  .sm\:bg-grey-200 {
+  .sm\:bg-gray-200 {
     background-color: #f1f5fb !important;
   }
 
-  .sm\:bg-grey-300 {
+  .sm\:bg-gray-300 {
     background-color: #e2e9f0 !important;
   }
 
-  .sm\:bg-grey-400 {
+  .sm\:bg-gray-400 {
     background-color: #bbc5cf !important;
   }
 
-  .sm\:bg-grey-500 {
+  .sm\:bg-gray-500 {
     background-color: #a3b0bd !important;
   }
 
-  .sm\:bg-grey-600 {
+  .sm\:bg-gray-600 {
     background-color: #7a8996 !important;
   }
 
-  .sm\:bg-grey-700 {
+  .sm\:bg-gray-700 {
     background-color: #5a6977 !important;
   }
 
-  .sm\:bg-grey-800 {
+  .sm\:bg-gray-800 {
     background-color: #2e3a45 !important;
   }
 
-  .sm\:bg-grey-900 {
+  .sm\:bg-gray-900 {
     background-color: #1f2830 !important;
   }
 
@@ -8073,39 +8073,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .sm\:hover\:bg-grey-100:hover {
+  .sm\:hover\:bg-gray-100:hover {
     background-color: #f8fcfe !important;
   }
 
-  .sm\:hover\:bg-grey-200:hover {
+  .sm\:hover\:bg-gray-200:hover {
     background-color: #f1f5fb !important;
   }
 
-  .sm\:hover\:bg-grey-300:hover {
+  .sm\:hover\:bg-gray-300:hover {
     background-color: #e2e9f0 !important;
   }
 
-  .sm\:hover\:bg-grey-400:hover {
+  .sm\:hover\:bg-gray-400:hover {
     background-color: #bbc5cf !important;
   }
 
-  .sm\:hover\:bg-grey-500:hover {
+  .sm\:hover\:bg-gray-500:hover {
     background-color: #a3b0bd !important;
   }
 
-  .sm\:hover\:bg-grey-600:hover {
+  .sm\:hover\:bg-gray-600:hover {
     background-color: #7a8996 !important;
   }
 
-  .sm\:hover\:bg-grey-700:hover {
+  .sm\:hover\:bg-gray-700:hover {
     background-color: #5a6977 !important;
   }
 
-  .sm\:hover\:bg-grey-800:hover {
+  .sm\:hover\:bg-gray-800:hover {
     background-color: #2e3a45 !important;
   }
 
-  .sm\:hover\:bg-grey-900:hover {
+  .sm\:hover\:bg-gray-900:hover {
     background-color: #1f2830 !important;
   }
 
@@ -8445,39 +8445,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .sm\:focus\:bg-grey-100:focus {
+  .sm\:focus\:bg-gray-100:focus {
     background-color: #f8fcfe !important;
   }
 
-  .sm\:focus\:bg-grey-200:focus {
+  .sm\:focus\:bg-gray-200:focus {
     background-color: #f1f5fb !important;
   }
 
-  .sm\:focus\:bg-grey-300:focus {
+  .sm\:focus\:bg-gray-300:focus {
     background-color: #e2e9f0 !important;
   }
 
-  .sm\:focus\:bg-grey-400:focus {
+  .sm\:focus\:bg-gray-400:focus {
     background-color: #bbc5cf !important;
   }
 
-  .sm\:focus\:bg-grey-500:focus {
+  .sm\:focus\:bg-gray-500:focus {
     background-color: #a3b0bd !important;
   }
 
-  .sm\:focus\:bg-grey-600:focus {
+  .sm\:focus\:bg-gray-600:focus {
     background-color: #7a8996 !important;
   }
 
-  .sm\:focus\:bg-grey-700:focus {
+  .sm\:focus\:bg-gray-700:focus {
     background-color: #5a6977 !important;
   }
 
-  .sm\:focus\:bg-grey-800:focus {
+  .sm\:focus\:bg-gray-800:focus {
     background-color: #2e3a45 !important;
   }
 
-  .sm\:focus\:bg-grey-900:focus {
+  .sm\:focus\:bg-gray-900:focus {
     background-color: #1f2830 !important;
   }
 
@@ -8881,39 +8881,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .sm\:border-grey-100 {
+  .sm\:border-gray-100 {
     border-color: #f8fcfe !important;
   }
 
-  .sm\:border-grey-200 {
+  .sm\:border-gray-200 {
     border-color: #f1f5fb !important;
   }
 
-  .sm\:border-grey-300 {
+  .sm\:border-gray-300 {
     border-color: #e2e9f0 !important;
   }
 
-  .sm\:border-grey-400 {
+  .sm\:border-gray-400 {
     border-color: #bbc5cf !important;
   }
 
-  .sm\:border-grey-500 {
+  .sm\:border-gray-500 {
     border-color: #a3b0bd !important;
   }
 
-  .sm\:border-grey-600 {
+  .sm\:border-gray-600 {
     border-color: #7a8996 !important;
   }
 
-  .sm\:border-grey-700 {
+  .sm\:border-gray-700 {
     border-color: #5a6977 !important;
   }
 
-  .sm\:border-grey-800 {
+  .sm\:border-gray-800 {
     border-color: #2e3a45 !important;
   }
 
-  .sm\:border-grey-900 {
+  .sm\:border-gray-900 {
     border-color: #1f2830 !important;
   }
 
@@ -9253,39 +9253,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .sm\:hover\:border-grey-100:hover {
+  .sm\:hover\:border-gray-100:hover {
     border-color: #f8fcfe !important;
   }
 
-  .sm\:hover\:border-grey-200:hover {
+  .sm\:hover\:border-gray-200:hover {
     border-color: #f1f5fb !important;
   }
 
-  .sm\:hover\:border-grey-300:hover {
+  .sm\:hover\:border-gray-300:hover {
     border-color: #e2e9f0 !important;
   }
 
-  .sm\:hover\:border-grey-400:hover {
+  .sm\:hover\:border-gray-400:hover {
     border-color: #bbc5cf !important;
   }
 
-  .sm\:hover\:border-grey-500:hover {
+  .sm\:hover\:border-gray-500:hover {
     border-color: #a3b0bd !important;
   }
 
-  .sm\:hover\:border-grey-600:hover {
+  .sm\:hover\:border-gray-600:hover {
     border-color: #7a8996 !important;
   }
 
-  .sm\:hover\:border-grey-700:hover {
+  .sm\:hover\:border-gray-700:hover {
     border-color: #5a6977 !important;
   }
 
-  .sm\:hover\:border-grey-800:hover {
+  .sm\:hover\:border-gray-800:hover {
     border-color: #2e3a45 !important;
   }
 
-  .sm\:hover\:border-grey-900:hover {
+  .sm\:hover\:border-gray-900:hover {
     border-color: #1f2830 !important;
   }
 
@@ -9625,39 +9625,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .sm\:focus\:border-grey-100:focus {
+  .sm\:focus\:border-gray-100:focus {
     border-color: #f8fcfe !important;
   }
 
-  .sm\:focus\:border-grey-200:focus {
+  .sm\:focus\:border-gray-200:focus {
     border-color: #f1f5fb !important;
   }
 
-  .sm\:focus\:border-grey-300:focus {
+  .sm\:focus\:border-gray-300:focus {
     border-color: #e2e9f0 !important;
   }
 
-  .sm\:focus\:border-grey-400:focus {
+  .sm\:focus\:border-gray-400:focus {
     border-color: #bbc5cf !important;
   }
 
-  .sm\:focus\:border-grey-500:focus {
+  .sm\:focus\:border-gray-500:focus {
     border-color: #a3b0bd !important;
   }
 
-  .sm\:focus\:border-grey-600:focus {
+  .sm\:focus\:border-gray-600:focus {
     border-color: #7a8996 !important;
   }
 
-  .sm\:focus\:border-grey-700:focus {
+  .sm\:focus\:border-gray-700:focus {
     border-color: #5a6977 !important;
   }
 
-  .sm\:focus\:border-grey-800:focus {
+  .sm\:focus\:border-gray-800:focus {
     border-color: #2e3a45 !important;
   }
 
-  .sm\:focus\:border-grey-900:focus {
+  .sm\:focus\:border-gray-900:focus {
     border-color: #1f2830 !important;
   }
 
@@ -12931,39 +12931,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .sm\:text-grey-100 {
+  .sm\:text-gray-100 {
     color: #f8fcfe !important;
   }
 
-  .sm\:text-grey-200 {
+  .sm\:text-gray-200 {
     color: #f1f5fb !important;
   }
 
-  .sm\:text-grey-300 {
+  .sm\:text-gray-300 {
     color: #e2e9f0 !important;
   }
 
-  .sm\:text-grey-400 {
+  .sm\:text-gray-400 {
     color: #bbc5cf !important;
   }
 
-  .sm\:text-grey-500 {
+  .sm\:text-gray-500 {
     color: #a3b0bd !important;
   }
 
-  .sm\:text-grey-600 {
+  .sm\:text-gray-600 {
     color: #7a8996 !important;
   }
 
-  .sm\:text-grey-700 {
+  .sm\:text-gray-700 {
     color: #5a6977 !important;
   }
 
-  .sm\:text-grey-800 {
+  .sm\:text-gray-800 {
     color: #2e3a45 !important;
   }
 
-  .sm\:text-grey-900 {
+  .sm\:text-gray-900 {
     color: #1f2830 !important;
   }
 
@@ -13303,39 +13303,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .sm\:hover\:text-grey-100:hover {
+  .sm\:hover\:text-gray-100:hover {
     color: #f8fcfe !important;
   }
 
-  .sm\:hover\:text-grey-200:hover {
+  .sm\:hover\:text-gray-200:hover {
     color: #f1f5fb !important;
   }
 
-  .sm\:hover\:text-grey-300:hover {
+  .sm\:hover\:text-gray-300:hover {
     color: #e2e9f0 !important;
   }
 
-  .sm\:hover\:text-grey-400:hover {
+  .sm\:hover\:text-gray-400:hover {
     color: #bbc5cf !important;
   }
 
-  .sm\:hover\:text-grey-500:hover {
+  .sm\:hover\:text-gray-500:hover {
     color: #a3b0bd !important;
   }
 
-  .sm\:hover\:text-grey-600:hover {
+  .sm\:hover\:text-gray-600:hover {
     color: #7a8996 !important;
   }
 
-  .sm\:hover\:text-grey-700:hover {
+  .sm\:hover\:text-gray-700:hover {
     color: #5a6977 !important;
   }
 
-  .sm\:hover\:text-grey-800:hover {
+  .sm\:hover\:text-gray-800:hover {
     color: #2e3a45 !important;
   }
 
-  .sm\:hover\:text-grey-900:hover {
+  .sm\:hover\:text-gray-900:hover {
     color: #1f2830 !important;
   }
 
@@ -13675,39 +13675,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .sm\:focus\:text-grey-100:focus {
+  .sm\:focus\:text-gray-100:focus {
     color: #f8fcfe !important;
   }
 
-  .sm\:focus\:text-grey-200:focus {
+  .sm\:focus\:text-gray-200:focus {
     color: #f1f5fb !important;
   }
 
-  .sm\:focus\:text-grey-300:focus {
+  .sm\:focus\:text-gray-300:focus {
     color: #e2e9f0 !important;
   }
 
-  .sm\:focus\:text-grey-400:focus {
+  .sm\:focus\:text-gray-400:focus {
     color: #bbc5cf !important;
   }
 
-  .sm\:focus\:text-grey-500:focus {
+  .sm\:focus\:text-gray-500:focus {
     color: #a3b0bd !important;
   }
 
-  .sm\:focus\:text-grey-600:focus {
+  .sm\:focus\:text-gray-600:focus {
     color: #7a8996 !important;
   }
 
-  .sm\:focus\:text-grey-700:focus {
+  .sm\:focus\:text-gray-700:focus {
     color: #5a6977 !important;
   }
 
-  .sm\:focus\:text-grey-800:focus {
+  .sm\:focus\:text-gray-800:focus {
     color: #2e3a45 !important;
   }
 
-  .sm\:focus\:text-grey-900:focus {
+  .sm\:focus\:text-gray-900:focus {
     color: #1f2830 !important;
   }
 
@@ -14446,39 +14446,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .md\:bg-grey-100 {
+  .md\:bg-gray-100 {
     background-color: #f8fcfe !important;
   }
 
-  .md\:bg-grey-200 {
+  .md\:bg-gray-200 {
     background-color: #f1f5fb !important;
   }
 
-  .md\:bg-grey-300 {
+  .md\:bg-gray-300 {
     background-color: #e2e9f0 !important;
   }
 
-  .md\:bg-grey-400 {
+  .md\:bg-gray-400 {
     background-color: #bbc5cf !important;
   }
 
-  .md\:bg-grey-500 {
+  .md\:bg-gray-500 {
     background-color: #a3b0bd !important;
   }
 
-  .md\:bg-grey-600 {
+  .md\:bg-gray-600 {
     background-color: #7a8996 !important;
   }
 
-  .md\:bg-grey-700 {
+  .md\:bg-gray-700 {
     background-color: #5a6977 !important;
   }
 
-  .md\:bg-grey-800 {
+  .md\:bg-gray-800 {
     background-color: #2e3a45 !important;
   }
 
-  .md\:bg-grey-900 {
+  .md\:bg-gray-900 {
     background-color: #1f2830 !important;
   }
 
@@ -14819,39 +14819,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .md\:hover\:bg-grey-100:hover {
+  .md\:hover\:bg-gray-100:hover {
     background-color: #f8fcfe !important;
   }
 
-  .md\:hover\:bg-grey-200:hover {
+  .md\:hover\:bg-gray-200:hover {
     background-color: #f1f5fb !important;
   }
 
-  .md\:hover\:bg-grey-300:hover {
+  .md\:hover\:bg-gray-300:hover {
     background-color: #e2e9f0 !important;
   }
 
-  .md\:hover\:bg-grey-400:hover {
+  .md\:hover\:bg-gray-400:hover {
     background-color: #bbc5cf !important;
   }
 
-  .md\:hover\:bg-grey-500:hover {
+  .md\:hover\:bg-gray-500:hover {
     background-color: #a3b0bd !important;
   }
 
-  .md\:hover\:bg-grey-600:hover {
+  .md\:hover\:bg-gray-600:hover {
     background-color: #7a8996 !important;
   }
 
-  .md\:hover\:bg-grey-700:hover {
+  .md\:hover\:bg-gray-700:hover {
     background-color: #5a6977 !important;
   }
 
-  .md\:hover\:bg-grey-800:hover {
+  .md\:hover\:bg-gray-800:hover {
     background-color: #2e3a45 !important;
   }
 
-  .md\:hover\:bg-grey-900:hover {
+  .md\:hover\:bg-gray-900:hover {
     background-color: #1f2830 !important;
   }
 
@@ -15191,39 +15191,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .md\:focus\:bg-grey-100:focus {
+  .md\:focus\:bg-gray-100:focus {
     background-color: #f8fcfe !important;
   }
 
-  .md\:focus\:bg-grey-200:focus {
+  .md\:focus\:bg-gray-200:focus {
     background-color: #f1f5fb !important;
   }
 
-  .md\:focus\:bg-grey-300:focus {
+  .md\:focus\:bg-gray-300:focus {
     background-color: #e2e9f0 !important;
   }
 
-  .md\:focus\:bg-grey-400:focus {
+  .md\:focus\:bg-gray-400:focus {
     background-color: #bbc5cf !important;
   }
 
-  .md\:focus\:bg-grey-500:focus {
+  .md\:focus\:bg-gray-500:focus {
     background-color: #a3b0bd !important;
   }
 
-  .md\:focus\:bg-grey-600:focus {
+  .md\:focus\:bg-gray-600:focus {
     background-color: #7a8996 !important;
   }
 
-  .md\:focus\:bg-grey-700:focus {
+  .md\:focus\:bg-gray-700:focus {
     background-color: #5a6977 !important;
   }
 
-  .md\:focus\:bg-grey-800:focus {
+  .md\:focus\:bg-gray-800:focus {
     background-color: #2e3a45 !important;
   }
 
-  .md\:focus\:bg-grey-900:focus {
+  .md\:focus\:bg-gray-900:focus {
     background-color: #1f2830 !important;
   }
 
@@ -15627,39 +15627,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .md\:border-grey-100 {
+  .md\:border-gray-100 {
     border-color: #f8fcfe !important;
   }
 
-  .md\:border-grey-200 {
+  .md\:border-gray-200 {
     border-color: #f1f5fb !important;
   }
 
-  .md\:border-grey-300 {
+  .md\:border-gray-300 {
     border-color: #e2e9f0 !important;
   }
 
-  .md\:border-grey-400 {
+  .md\:border-gray-400 {
     border-color: #bbc5cf !important;
   }
 
-  .md\:border-grey-500 {
+  .md\:border-gray-500 {
     border-color: #a3b0bd !important;
   }
 
-  .md\:border-grey-600 {
+  .md\:border-gray-600 {
     border-color: #7a8996 !important;
   }
 
-  .md\:border-grey-700 {
+  .md\:border-gray-700 {
     border-color: #5a6977 !important;
   }
 
-  .md\:border-grey-800 {
+  .md\:border-gray-800 {
     border-color: #2e3a45 !important;
   }
 
-  .md\:border-grey-900 {
+  .md\:border-gray-900 {
     border-color: #1f2830 !important;
   }
 
@@ -15999,39 +15999,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .md\:hover\:border-grey-100:hover {
+  .md\:hover\:border-gray-100:hover {
     border-color: #f8fcfe !important;
   }
 
-  .md\:hover\:border-grey-200:hover {
+  .md\:hover\:border-gray-200:hover {
     border-color: #f1f5fb !important;
   }
 
-  .md\:hover\:border-grey-300:hover {
+  .md\:hover\:border-gray-300:hover {
     border-color: #e2e9f0 !important;
   }
 
-  .md\:hover\:border-grey-400:hover {
+  .md\:hover\:border-gray-400:hover {
     border-color: #bbc5cf !important;
   }
 
-  .md\:hover\:border-grey-500:hover {
+  .md\:hover\:border-gray-500:hover {
     border-color: #a3b0bd !important;
   }
 
-  .md\:hover\:border-grey-600:hover {
+  .md\:hover\:border-gray-600:hover {
     border-color: #7a8996 !important;
   }
 
-  .md\:hover\:border-grey-700:hover {
+  .md\:hover\:border-gray-700:hover {
     border-color: #5a6977 !important;
   }
 
-  .md\:hover\:border-grey-800:hover {
+  .md\:hover\:border-gray-800:hover {
     border-color: #2e3a45 !important;
   }
 
-  .md\:hover\:border-grey-900:hover {
+  .md\:hover\:border-gray-900:hover {
     border-color: #1f2830 !important;
   }
 
@@ -16371,39 +16371,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .md\:focus\:border-grey-100:focus {
+  .md\:focus\:border-gray-100:focus {
     border-color: #f8fcfe !important;
   }
 
-  .md\:focus\:border-grey-200:focus {
+  .md\:focus\:border-gray-200:focus {
     border-color: #f1f5fb !important;
   }
 
-  .md\:focus\:border-grey-300:focus {
+  .md\:focus\:border-gray-300:focus {
     border-color: #e2e9f0 !important;
   }
 
-  .md\:focus\:border-grey-400:focus {
+  .md\:focus\:border-gray-400:focus {
     border-color: #bbc5cf !important;
   }
 
-  .md\:focus\:border-grey-500:focus {
+  .md\:focus\:border-gray-500:focus {
     border-color: #a3b0bd !important;
   }
 
-  .md\:focus\:border-grey-600:focus {
+  .md\:focus\:border-gray-600:focus {
     border-color: #7a8996 !important;
   }
 
-  .md\:focus\:border-grey-700:focus {
+  .md\:focus\:border-gray-700:focus {
     border-color: #5a6977 !important;
   }
 
-  .md\:focus\:border-grey-800:focus {
+  .md\:focus\:border-gray-800:focus {
     border-color: #2e3a45 !important;
   }
 
-  .md\:focus\:border-grey-900:focus {
+  .md\:focus\:border-gray-900:focus {
     border-color: #1f2830 !important;
   }
 
@@ -19677,39 +19677,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .md\:text-grey-100 {
+  .md\:text-gray-100 {
     color: #f8fcfe !important;
   }
 
-  .md\:text-grey-200 {
+  .md\:text-gray-200 {
     color: #f1f5fb !important;
   }
 
-  .md\:text-grey-300 {
+  .md\:text-gray-300 {
     color: #e2e9f0 !important;
   }
 
-  .md\:text-grey-400 {
+  .md\:text-gray-400 {
     color: #bbc5cf !important;
   }
 
-  .md\:text-grey-500 {
+  .md\:text-gray-500 {
     color: #a3b0bd !important;
   }
 
-  .md\:text-grey-600 {
+  .md\:text-gray-600 {
     color: #7a8996 !important;
   }
 
-  .md\:text-grey-700 {
+  .md\:text-gray-700 {
     color: #5a6977 !important;
   }
 
-  .md\:text-grey-800 {
+  .md\:text-gray-800 {
     color: #2e3a45 !important;
   }
 
-  .md\:text-grey-900 {
+  .md\:text-gray-900 {
     color: #1f2830 !important;
   }
 
@@ -20049,39 +20049,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .md\:hover\:text-grey-100:hover {
+  .md\:hover\:text-gray-100:hover {
     color: #f8fcfe !important;
   }
 
-  .md\:hover\:text-grey-200:hover {
+  .md\:hover\:text-gray-200:hover {
     color: #f1f5fb !important;
   }
 
-  .md\:hover\:text-grey-300:hover {
+  .md\:hover\:text-gray-300:hover {
     color: #e2e9f0 !important;
   }
 
-  .md\:hover\:text-grey-400:hover {
+  .md\:hover\:text-gray-400:hover {
     color: #bbc5cf !important;
   }
 
-  .md\:hover\:text-grey-500:hover {
+  .md\:hover\:text-gray-500:hover {
     color: #a3b0bd !important;
   }
 
-  .md\:hover\:text-grey-600:hover {
+  .md\:hover\:text-gray-600:hover {
     color: #7a8996 !important;
   }
 
-  .md\:hover\:text-grey-700:hover {
+  .md\:hover\:text-gray-700:hover {
     color: #5a6977 !important;
   }
 
-  .md\:hover\:text-grey-800:hover {
+  .md\:hover\:text-gray-800:hover {
     color: #2e3a45 !important;
   }
 
-  .md\:hover\:text-grey-900:hover {
+  .md\:hover\:text-gray-900:hover {
     color: #1f2830 !important;
   }
 
@@ -20421,39 +20421,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .md\:focus\:text-grey-100:focus {
+  .md\:focus\:text-gray-100:focus {
     color: #f8fcfe !important;
   }
 
-  .md\:focus\:text-grey-200:focus {
+  .md\:focus\:text-gray-200:focus {
     color: #f1f5fb !important;
   }
 
-  .md\:focus\:text-grey-300:focus {
+  .md\:focus\:text-gray-300:focus {
     color: #e2e9f0 !important;
   }
 
-  .md\:focus\:text-grey-400:focus {
+  .md\:focus\:text-gray-400:focus {
     color: #bbc5cf !important;
   }
 
-  .md\:focus\:text-grey-500:focus {
+  .md\:focus\:text-gray-500:focus {
     color: #a3b0bd !important;
   }
 
-  .md\:focus\:text-grey-600:focus {
+  .md\:focus\:text-gray-600:focus {
     color: #7a8996 !important;
   }
 
-  .md\:focus\:text-grey-700:focus {
+  .md\:focus\:text-gray-700:focus {
     color: #5a6977 !important;
   }
 
-  .md\:focus\:text-grey-800:focus {
+  .md\:focus\:text-gray-800:focus {
     color: #2e3a45 !important;
   }
 
-  .md\:focus\:text-grey-900:focus {
+  .md\:focus\:text-gray-900:focus {
     color: #1f2830 !important;
   }
 
@@ -21192,39 +21192,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .lg\:bg-grey-100 {
+  .lg\:bg-gray-100 {
     background-color: #f8fcfe !important;
   }
 
-  .lg\:bg-grey-200 {
+  .lg\:bg-gray-200 {
     background-color: #f1f5fb !important;
   }
 
-  .lg\:bg-grey-300 {
+  .lg\:bg-gray-300 {
     background-color: #e2e9f0 !important;
   }
 
-  .lg\:bg-grey-400 {
+  .lg\:bg-gray-400 {
     background-color: #bbc5cf !important;
   }
 
-  .lg\:bg-grey-500 {
+  .lg\:bg-gray-500 {
     background-color: #a3b0bd !important;
   }
 
-  .lg\:bg-grey-600 {
+  .lg\:bg-gray-600 {
     background-color: #7a8996 !important;
   }
 
-  .lg\:bg-grey-700 {
+  .lg\:bg-gray-700 {
     background-color: #5a6977 !important;
   }
 
-  .lg\:bg-grey-800 {
+  .lg\:bg-gray-800 {
     background-color: #2e3a45 !important;
   }
 
-  .lg\:bg-grey-900 {
+  .lg\:bg-gray-900 {
     background-color: #1f2830 !important;
   }
 
@@ -21565,39 +21565,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .lg\:hover\:bg-grey-100:hover {
+  .lg\:hover\:bg-gray-100:hover {
     background-color: #f8fcfe !important;
   }
 
-  .lg\:hover\:bg-grey-200:hover {
+  .lg\:hover\:bg-gray-200:hover {
     background-color: #f1f5fb !important;
   }
 
-  .lg\:hover\:bg-grey-300:hover {
+  .lg\:hover\:bg-gray-300:hover {
     background-color: #e2e9f0 !important;
   }
 
-  .lg\:hover\:bg-grey-400:hover {
+  .lg\:hover\:bg-gray-400:hover {
     background-color: #bbc5cf !important;
   }
 
-  .lg\:hover\:bg-grey-500:hover {
+  .lg\:hover\:bg-gray-500:hover {
     background-color: #a3b0bd !important;
   }
 
-  .lg\:hover\:bg-grey-600:hover {
+  .lg\:hover\:bg-gray-600:hover {
     background-color: #7a8996 !important;
   }
 
-  .lg\:hover\:bg-grey-700:hover {
+  .lg\:hover\:bg-gray-700:hover {
     background-color: #5a6977 !important;
   }
 
-  .lg\:hover\:bg-grey-800:hover {
+  .lg\:hover\:bg-gray-800:hover {
     background-color: #2e3a45 !important;
   }
 
-  .lg\:hover\:bg-grey-900:hover {
+  .lg\:hover\:bg-gray-900:hover {
     background-color: #1f2830 !important;
   }
 
@@ -21937,39 +21937,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .lg\:focus\:bg-grey-100:focus {
+  .lg\:focus\:bg-gray-100:focus {
     background-color: #f8fcfe !important;
   }
 
-  .lg\:focus\:bg-grey-200:focus {
+  .lg\:focus\:bg-gray-200:focus {
     background-color: #f1f5fb !important;
   }
 
-  .lg\:focus\:bg-grey-300:focus {
+  .lg\:focus\:bg-gray-300:focus {
     background-color: #e2e9f0 !important;
   }
 
-  .lg\:focus\:bg-grey-400:focus {
+  .lg\:focus\:bg-gray-400:focus {
     background-color: #bbc5cf !important;
   }
 
-  .lg\:focus\:bg-grey-500:focus {
+  .lg\:focus\:bg-gray-500:focus {
     background-color: #a3b0bd !important;
   }
 
-  .lg\:focus\:bg-grey-600:focus {
+  .lg\:focus\:bg-gray-600:focus {
     background-color: #7a8996 !important;
   }
 
-  .lg\:focus\:bg-grey-700:focus {
+  .lg\:focus\:bg-gray-700:focus {
     background-color: #5a6977 !important;
   }
 
-  .lg\:focus\:bg-grey-800:focus {
+  .lg\:focus\:bg-gray-800:focus {
     background-color: #2e3a45 !important;
   }
 
-  .lg\:focus\:bg-grey-900:focus {
+  .lg\:focus\:bg-gray-900:focus {
     background-color: #1f2830 !important;
   }
 
@@ -22373,39 +22373,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .lg\:border-grey-100 {
+  .lg\:border-gray-100 {
     border-color: #f8fcfe !important;
   }
 
-  .lg\:border-grey-200 {
+  .lg\:border-gray-200 {
     border-color: #f1f5fb !important;
   }
 
-  .lg\:border-grey-300 {
+  .lg\:border-gray-300 {
     border-color: #e2e9f0 !important;
   }
 
-  .lg\:border-grey-400 {
+  .lg\:border-gray-400 {
     border-color: #bbc5cf !important;
   }
 
-  .lg\:border-grey-500 {
+  .lg\:border-gray-500 {
     border-color: #a3b0bd !important;
   }
 
-  .lg\:border-grey-600 {
+  .lg\:border-gray-600 {
     border-color: #7a8996 !important;
   }
 
-  .lg\:border-grey-700 {
+  .lg\:border-gray-700 {
     border-color: #5a6977 !important;
   }
 
-  .lg\:border-grey-800 {
+  .lg\:border-gray-800 {
     border-color: #2e3a45 !important;
   }
 
-  .lg\:border-grey-900 {
+  .lg\:border-gray-900 {
     border-color: #1f2830 !important;
   }
 
@@ -22745,39 +22745,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .lg\:hover\:border-grey-100:hover {
+  .lg\:hover\:border-gray-100:hover {
     border-color: #f8fcfe !important;
   }
 
-  .lg\:hover\:border-grey-200:hover {
+  .lg\:hover\:border-gray-200:hover {
     border-color: #f1f5fb !important;
   }
 
-  .lg\:hover\:border-grey-300:hover {
+  .lg\:hover\:border-gray-300:hover {
     border-color: #e2e9f0 !important;
   }
 
-  .lg\:hover\:border-grey-400:hover {
+  .lg\:hover\:border-gray-400:hover {
     border-color: #bbc5cf !important;
   }
 
-  .lg\:hover\:border-grey-500:hover {
+  .lg\:hover\:border-gray-500:hover {
     border-color: #a3b0bd !important;
   }
 
-  .lg\:hover\:border-grey-600:hover {
+  .lg\:hover\:border-gray-600:hover {
     border-color: #7a8996 !important;
   }
 
-  .lg\:hover\:border-grey-700:hover {
+  .lg\:hover\:border-gray-700:hover {
     border-color: #5a6977 !important;
   }
 
-  .lg\:hover\:border-grey-800:hover {
+  .lg\:hover\:border-gray-800:hover {
     border-color: #2e3a45 !important;
   }
 
-  .lg\:hover\:border-grey-900:hover {
+  .lg\:hover\:border-gray-900:hover {
     border-color: #1f2830 !important;
   }
 
@@ -23117,39 +23117,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .lg\:focus\:border-grey-100:focus {
+  .lg\:focus\:border-gray-100:focus {
     border-color: #f8fcfe !important;
   }
 
-  .lg\:focus\:border-grey-200:focus {
+  .lg\:focus\:border-gray-200:focus {
     border-color: #f1f5fb !important;
   }
 
-  .lg\:focus\:border-grey-300:focus {
+  .lg\:focus\:border-gray-300:focus {
     border-color: #e2e9f0 !important;
   }
 
-  .lg\:focus\:border-grey-400:focus {
+  .lg\:focus\:border-gray-400:focus {
     border-color: #bbc5cf !important;
   }
 
-  .lg\:focus\:border-grey-500:focus {
+  .lg\:focus\:border-gray-500:focus {
     border-color: #a3b0bd !important;
   }
 
-  .lg\:focus\:border-grey-600:focus {
+  .lg\:focus\:border-gray-600:focus {
     border-color: #7a8996 !important;
   }
 
-  .lg\:focus\:border-grey-700:focus {
+  .lg\:focus\:border-gray-700:focus {
     border-color: #5a6977 !important;
   }
 
-  .lg\:focus\:border-grey-800:focus {
+  .lg\:focus\:border-gray-800:focus {
     border-color: #2e3a45 !important;
   }
 
-  .lg\:focus\:border-grey-900:focus {
+  .lg\:focus\:border-gray-900:focus {
     border-color: #1f2830 !important;
   }
 
@@ -26423,39 +26423,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .lg\:text-grey-100 {
+  .lg\:text-gray-100 {
     color: #f8fcfe !important;
   }
 
-  .lg\:text-grey-200 {
+  .lg\:text-gray-200 {
     color: #f1f5fb !important;
   }
 
-  .lg\:text-grey-300 {
+  .lg\:text-gray-300 {
     color: #e2e9f0 !important;
   }
 
-  .lg\:text-grey-400 {
+  .lg\:text-gray-400 {
     color: #bbc5cf !important;
   }
 
-  .lg\:text-grey-500 {
+  .lg\:text-gray-500 {
     color: #a3b0bd !important;
   }
 
-  .lg\:text-grey-600 {
+  .lg\:text-gray-600 {
     color: #7a8996 !important;
   }
 
-  .lg\:text-grey-700 {
+  .lg\:text-gray-700 {
     color: #5a6977 !important;
   }
 
-  .lg\:text-grey-800 {
+  .lg\:text-gray-800 {
     color: #2e3a45 !important;
   }
 
-  .lg\:text-grey-900 {
+  .lg\:text-gray-900 {
     color: #1f2830 !important;
   }
 
@@ -26795,39 +26795,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .lg\:hover\:text-grey-100:hover {
+  .lg\:hover\:text-gray-100:hover {
     color: #f8fcfe !important;
   }
 
-  .lg\:hover\:text-grey-200:hover {
+  .lg\:hover\:text-gray-200:hover {
     color: #f1f5fb !important;
   }
 
-  .lg\:hover\:text-grey-300:hover {
+  .lg\:hover\:text-gray-300:hover {
     color: #e2e9f0 !important;
   }
 
-  .lg\:hover\:text-grey-400:hover {
+  .lg\:hover\:text-gray-400:hover {
     color: #bbc5cf !important;
   }
 
-  .lg\:hover\:text-grey-500:hover {
+  .lg\:hover\:text-gray-500:hover {
     color: #a3b0bd !important;
   }
 
-  .lg\:hover\:text-grey-600:hover {
+  .lg\:hover\:text-gray-600:hover {
     color: #7a8996 !important;
   }
 
-  .lg\:hover\:text-grey-700:hover {
+  .lg\:hover\:text-gray-700:hover {
     color: #5a6977 !important;
   }
 
-  .lg\:hover\:text-grey-800:hover {
+  .lg\:hover\:text-gray-800:hover {
     color: #2e3a45 !important;
   }
 
-  .lg\:hover\:text-grey-900:hover {
+  .lg\:hover\:text-gray-900:hover {
     color: #1f2830 !important;
   }
 
@@ -27167,39 +27167,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .lg\:focus\:text-grey-100:focus {
+  .lg\:focus\:text-gray-100:focus {
     color: #f8fcfe !important;
   }
 
-  .lg\:focus\:text-grey-200:focus {
+  .lg\:focus\:text-gray-200:focus {
     color: #f1f5fb !important;
   }
 
-  .lg\:focus\:text-grey-300:focus {
+  .lg\:focus\:text-gray-300:focus {
     color: #e2e9f0 !important;
   }
 
-  .lg\:focus\:text-grey-400:focus {
+  .lg\:focus\:text-gray-400:focus {
     color: #bbc5cf !important;
   }
 
-  .lg\:focus\:text-grey-500:focus {
+  .lg\:focus\:text-gray-500:focus {
     color: #a3b0bd !important;
   }
 
-  .lg\:focus\:text-grey-600:focus {
+  .lg\:focus\:text-gray-600:focus {
     color: #7a8996 !important;
   }
 
-  .lg\:focus\:text-grey-700:focus {
+  .lg\:focus\:text-gray-700:focus {
     color: #5a6977 !important;
   }
 
-  .lg\:focus\:text-grey-800:focus {
+  .lg\:focus\:text-gray-800:focus {
     color: #2e3a45 !important;
   }
 
-  .lg\:focus\:text-grey-900:focus {
+  .lg\:focus\:text-gray-900:focus {
     color: #1f2830 !important;
   }
 
@@ -27938,39 +27938,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .xl\:bg-grey-100 {
+  .xl\:bg-gray-100 {
     background-color: #f8fcfe !important;
   }
 
-  .xl\:bg-grey-200 {
+  .xl\:bg-gray-200 {
     background-color: #f1f5fb !important;
   }
 
-  .xl\:bg-grey-300 {
+  .xl\:bg-gray-300 {
     background-color: #e2e9f0 !important;
   }
 
-  .xl\:bg-grey-400 {
+  .xl\:bg-gray-400 {
     background-color: #bbc5cf !important;
   }
 
-  .xl\:bg-grey-500 {
+  .xl\:bg-gray-500 {
     background-color: #a3b0bd !important;
   }
 
-  .xl\:bg-grey-600 {
+  .xl\:bg-gray-600 {
     background-color: #7a8996 !important;
   }
 
-  .xl\:bg-grey-700 {
+  .xl\:bg-gray-700 {
     background-color: #5a6977 !important;
   }
 
-  .xl\:bg-grey-800 {
+  .xl\:bg-gray-800 {
     background-color: #2e3a45 !important;
   }
 
-  .xl\:bg-grey-900 {
+  .xl\:bg-gray-900 {
     background-color: #1f2830 !important;
   }
 
@@ -28311,39 +28311,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .xl\:hover\:bg-grey-100:hover {
+  .xl\:hover\:bg-gray-100:hover {
     background-color: #f8fcfe !important;
   }
 
-  .xl\:hover\:bg-grey-200:hover {
+  .xl\:hover\:bg-gray-200:hover {
     background-color: #f1f5fb !important;
   }
 
-  .xl\:hover\:bg-grey-300:hover {
+  .xl\:hover\:bg-gray-300:hover {
     background-color: #e2e9f0 !important;
   }
 
-  .xl\:hover\:bg-grey-400:hover {
+  .xl\:hover\:bg-gray-400:hover {
     background-color: #bbc5cf !important;
   }
 
-  .xl\:hover\:bg-grey-500:hover {
+  .xl\:hover\:bg-gray-500:hover {
     background-color: #a3b0bd !important;
   }
 
-  .xl\:hover\:bg-grey-600:hover {
+  .xl\:hover\:bg-gray-600:hover {
     background-color: #7a8996 !important;
   }
 
-  .xl\:hover\:bg-grey-700:hover {
+  .xl\:hover\:bg-gray-700:hover {
     background-color: #5a6977 !important;
   }
 
-  .xl\:hover\:bg-grey-800:hover {
+  .xl\:hover\:bg-gray-800:hover {
     background-color: #2e3a45 !important;
   }
 
-  .xl\:hover\:bg-grey-900:hover {
+  .xl\:hover\:bg-gray-900:hover {
     background-color: #1f2830 !important;
   }
 
@@ -28683,39 +28683,39 @@ samp {
     background-color: #741c46 !important;
   }
 
-  .xl\:focus\:bg-grey-100:focus {
+  .xl\:focus\:bg-gray-100:focus {
     background-color: #f8fcfe !important;
   }
 
-  .xl\:focus\:bg-grey-200:focus {
+  .xl\:focus\:bg-gray-200:focus {
     background-color: #f1f5fb !important;
   }
 
-  .xl\:focus\:bg-grey-300:focus {
+  .xl\:focus\:bg-gray-300:focus {
     background-color: #e2e9f0 !important;
   }
 
-  .xl\:focus\:bg-grey-400:focus {
+  .xl\:focus\:bg-gray-400:focus {
     background-color: #bbc5cf !important;
   }
 
-  .xl\:focus\:bg-grey-500:focus {
+  .xl\:focus\:bg-gray-500:focus {
     background-color: #a3b0bd !important;
   }
 
-  .xl\:focus\:bg-grey-600:focus {
+  .xl\:focus\:bg-gray-600:focus {
     background-color: #7a8996 !important;
   }
 
-  .xl\:focus\:bg-grey-700:focus {
+  .xl\:focus\:bg-gray-700:focus {
     background-color: #5a6977 !important;
   }
 
-  .xl\:focus\:bg-grey-800:focus {
+  .xl\:focus\:bg-gray-800:focus {
     background-color: #2e3a45 !important;
   }
 
-  .xl\:focus\:bg-grey-900:focus {
+  .xl\:focus\:bg-gray-900:focus {
     background-color: #1f2830 !important;
   }
 
@@ -29119,39 +29119,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .xl\:border-grey-100 {
+  .xl\:border-gray-100 {
     border-color: #f8fcfe !important;
   }
 
-  .xl\:border-grey-200 {
+  .xl\:border-gray-200 {
     border-color: #f1f5fb !important;
   }
 
-  .xl\:border-grey-300 {
+  .xl\:border-gray-300 {
     border-color: #e2e9f0 !important;
   }
 
-  .xl\:border-grey-400 {
+  .xl\:border-gray-400 {
     border-color: #bbc5cf !important;
   }
 
-  .xl\:border-grey-500 {
+  .xl\:border-gray-500 {
     border-color: #a3b0bd !important;
   }
 
-  .xl\:border-grey-600 {
+  .xl\:border-gray-600 {
     border-color: #7a8996 !important;
   }
 
-  .xl\:border-grey-700 {
+  .xl\:border-gray-700 {
     border-color: #5a6977 !important;
   }
 
-  .xl\:border-grey-800 {
+  .xl\:border-gray-800 {
     border-color: #2e3a45 !important;
   }
 
-  .xl\:border-grey-900 {
+  .xl\:border-gray-900 {
     border-color: #1f2830 !important;
   }
 
@@ -29491,39 +29491,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .xl\:hover\:border-grey-100:hover {
+  .xl\:hover\:border-gray-100:hover {
     border-color: #f8fcfe !important;
   }
 
-  .xl\:hover\:border-grey-200:hover {
+  .xl\:hover\:border-gray-200:hover {
     border-color: #f1f5fb !important;
   }
 
-  .xl\:hover\:border-grey-300:hover {
+  .xl\:hover\:border-gray-300:hover {
     border-color: #e2e9f0 !important;
   }
 
-  .xl\:hover\:border-grey-400:hover {
+  .xl\:hover\:border-gray-400:hover {
     border-color: #bbc5cf !important;
   }
 
-  .xl\:hover\:border-grey-500:hover {
+  .xl\:hover\:border-gray-500:hover {
     border-color: #a3b0bd !important;
   }
 
-  .xl\:hover\:border-grey-600:hover {
+  .xl\:hover\:border-gray-600:hover {
     border-color: #7a8996 !important;
   }
 
-  .xl\:hover\:border-grey-700:hover {
+  .xl\:hover\:border-gray-700:hover {
     border-color: #5a6977 !important;
   }
 
-  .xl\:hover\:border-grey-800:hover {
+  .xl\:hover\:border-gray-800:hover {
     border-color: #2e3a45 !important;
   }
 
-  .xl\:hover\:border-grey-900:hover {
+  .xl\:hover\:border-gray-900:hover {
     border-color: #1f2830 !important;
   }
 
@@ -29863,39 +29863,39 @@ samp {
     border-color: #741c46 !important;
   }
 
-  .xl\:focus\:border-grey-100:focus {
+  .xl\:focus\:border-gray-100:focus {
     border-color: #f8fcfe !important;
   }
 
-  .xl\:focus\:border-grey-200:focus {
+  .xl\:focus\:border-gray-200:focus {
     border-color: #f1f5fb !important;
   }
 
-  .xl\:focus\:border-grey-300:focus {
+  .xl\:focus\:border-gray-300:focus {
     border-color: #e2e9f0 !important;
   }
 
-  .xl\:focus\:border-grey-400:focus {
+  .xl\:focus\:border-gray-400:focus {
     border-color: #bbc5cf !important;
   }
 
-  .xl\:focus\:border-grey-500:focus {
+  .xl\:focus\:border-gray-500:focus {
     border-color: #a3b0bd !important;
   }
 
-  .xl\:focus\:border-grey-600:focus {
+  .xl\:focus\:border-gray-600:focus {
     border-color: #7a8996 !important;
   }
 
-  .xl\:focus\:border-grey-700:focus {
+  .xl\:focus\:border-gray-700:focus {
     border-color: #5a6977 !important;
   }
 
-  .xl\:focus\:border-grey-800:focus {
+  .xl\:focus\:border-gray-800:focus {
     border-color: #2e3a45 !important;
   }
 
-  .xl\:focus\:border-grey-900:focus {
+  .xl\:focus\:border-gray-900:focus {
     border-color: #1f2830 !important;
   }
 
@@ -33169,39 +33169,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .xl\:text-grey-100 {
+  .xl\:text-gray-100 {
     color: #f8fcfe !important;
   }
 
-  .xl\:text-grey-200 {
+  .xl\:text-gray-200 {
     color: #f1f5fb !important;
   }
 
-  .xl\:text-grey-300 {
+  .xl\:text-gray-300 {
     color: #e2e9f0 !important;
   }
 
-  .xl\:text-grey-400 {
+  .xl\:text-gray-400 {
     color: #bbc5cf !important;
   }
 
-  .xl\:text-grey-500 {
+  .xl\:text-gray-500 {
     color: #a3b0bd !important;
   }
 
-  .xl\:text-grey-600 {
+  .xl\:text-gray-600 {
     color: #7a8996 !important;
   }
 
-  .xl\:text-grey-700 {
+  .xl\:text-gray-700 {
     color: #5a6977 !important;
   }
 
-  .xl\:text-grey-800 {
+  .xl\:text-gray-800 {
     color: #2e3a45 !important;
   }
 
-  .xl\:text-grey-900 {
+  .xl\:text-gray-900 {
     color: #1f2830 !important;
   }
 
@@ -33541,39 +33541,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .xl\:hover\:text-grey-100:hover {
+  .xl\:hover\:text-gray-100:hover {
     color: #f8fcfe !important;
   }
 
-  .xl\:hover\:text-grey-200:hover {
+  .xl\:hover\:text-gray-200:hover {
     color: #f1f5fb !important;
   }
 
-  .xl\:hover\:text-grey-300:hover {
+  .xl\:hover\:text-gray-300:hover {
     color: #e2e9f0 !important;
   }
 
-  .xl\:hover\:text-grey-400:hover {
+  .xl\:hover\:text-gray-400:hover {
     color: #bbc5cf !important;
   }
 
-  .xl\:hover\:text-grey-500:hover {
+  .xl\:hover\:text-gray-500:hover {
     color: #a3b0bd !important;
   }
 
-  .xl\:hover\:text-grey-600:hover {
+  .xl\:hover\:text-gray-600:hover {
     color: #7a8996 !important;
   }
 
-  .xl\:hover\:text-grey-700:hover {
+  .xl\:hover\:text-gray-700:hover {
     color: #5a6977 !important;
   }
 
-  .xl\:hover\:text-grey-800:hover {
+  .xl\:hover\:text-gray-800:hover {
     color: #2e3a45 !important;
   }
 
-  .xl\:hover\:text-grey-900:hover {
+  .xl\:hover\:text-gray-900:hover {
     color: #1f2830 !important;
   }
 
@@ -33913,39 +33913,39 @@ samp {
     color: #741c46 !important;
   }
 
-  .xl\:focus\:text-grey-100:focus {
+  .xl\:focus\:text-gray-100:focus {
     color: #f8fcfe !important;
   }
 
-  .xl\:focus\:text-grey-200:focus {
+  .xl\:focus\:text-gray-200:focus {
     color: #f1f5fb !important;
   }
 
-  .xl\:focus\:text-grey-300:focus {
+  .xl\:focus\:text-gray-300:focus {
     color: #e2e9f0 !important;
   }
 
-  .xl\:focus\:text-grey-400:focus {
+  .xl\:focus\:text-gray-400:focus {
     color: #bbc5cf !important;
   }
 
-  .xl\:focus\:text-grey-500:focus {
+  .xl\:focus\:text-gray-500:focus {
     color: #a3b0bd !important;
   }
 
-  .xl\:focus\:text-grey-600:focus {
+  .xl\:focus\:text-gray-600:focus {
     color: #7a8996 !important;
   }
 
-  .xl\:focus\:text-grey-700:focus {
+  .xl\:focus\:text-gray-700:focus {
     color: #5a6977 !important;
   }
 
-  .xl\:focus\:text-grey-800:focus {
+  .xl\:focus\:text-gray-800:focus {
     color: #2e3a45 !important;
   }
 
-  .xl\:focus\:text-grey-900:focus {
+  .xl\:focus\:text-gray-900:focus {
     color: #1f2830 !important;
   }
 
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 485256764..e343da26e 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -933,39 +933,39 @@ samp {
   background-color: #741c46;
 }
 
-.bg-grey-100 {
+.bg-gray-100 {
   background-color: #f8fcfe;
 }
 
-.bg-grey-200 {
+.bg-gray-200 {
   background-color: #f1f5fb;
 }
 
-.bg-grey-300 {
+.bg-gray-300 {
   background-color: #e2e9f0;
 }
 
-.bg-grey-400 {
+.bg-gray-400 {
   background-color: #bbc5cf;
 }
 
-.bg-grey-500 {
+.bg-gray-500 {
   background-color: #a3b0bd;
 }
 
-.bg-grey-600 {
+.bg-gray-600 {
   background-color: #7a8996;
 }
 
-.bg-grey-700 {
+.bg-gray-700 {
   background-color: #5a6977;
 }
 
-.bg-grey-800 {
+.bg-gray-800 {
   background-color: #2e3a45;
 }
 
-.bg-grey-900 {
+.bg-gray-900 {
   background-color: #1f2830;
 }
 
@@ -1305,39 +1305,39 @@ samp {
   background-color: #741c46;
 }
 
-.hover\:bg-grey-100:hover {
+.hover\:bg-gray-100:hover {
   background-color: #f8fcfe;
 }
 
-.hover\:bg-grey-200:hover {
+.hover\:bg-gray-200:hover {
   background-color: #f1f5fb;
 }
 
-.hover\:bg-grey-300:hover {
+.hover\:bg-gray-300:hover {
   background-color: #e2e9f0;
 }
 
-.hover\:bg-grey-400:hover {
+.hover\:bg-gray-400:hover {
   background-color: #bbc5cf;
 }
 
-.hover\:bg-grey-500:hover {
+.hover\:bg-gray-500:hover {
   background-color: #a3b0bd;
 }
 
-.hover\:bg-grey-600:hover {
+.hover\:bg-gray-600:hover {
   background-color: #7a8996;
 }
 
-.hover\:bg-grey-700:hover {
+.hover\:bg-gray-700:hover {
   background-color: #5a6977;
 }
 
-.hover\:bg-grey-800:hover {
+.hover\:bg-gray-800:hover {
   background-color: #2e3a45;
 }
 
-.hover\:bg-grey-900:hover {
+.hover\:bg-gray-900:hover {
   background-color: #1f2830;
 }
 
@@ -1677,39 +1677,39 @@ samp {
   background-color: #741c46;
 }
 
-.focus\:bg-grey-100:focus {
+.focus\:bg-gray-100:focus {
   background-color: #f8fcfe;
 }
 
-.focus\:bg-grey-200:focus {
+.focus\:bg-gray-200:focus {
   background-color: #f1f5fb;
 }
 
-.focus\:bg-grey-300:focus {
+.focus\:bg-gray-300:focus {
   background-color: #e2e9f0;
 }
 
-.focus\:bg-grey-400:focus {
+.focus\:bg-gray-400:focus {
   background-color: #bbc5cf;
 }
 
-.focus\:bg-grey-500:focus {
+.focus\:bg-gray-500:focus {
   background-color: #a3b0bd;
 }
 
-.focus\:bg-grey-600:focus {
+.focus\:bg-gray-600:focus {
   background-color: #7a8996;
 }
 
-.focus\:bg-grey-700:focus {
+.focus\:bg-gray-700:focus {
   background-color: #5a6977;
 }
 
-.focus\:bg-grey-800:focus {
+.focus\:bg-gray-800:focus {
   background-color: #2e3a45;
 }
 
-.focus\:bg-grey-900:focus {
+.focus\:bg-gray-900:focus {
   background-color: #1f2830;
 }
 
@@ -2121,39 +2121,39 @@ samp {
   border-color: #741c46;
 }
 
-.border-grey-100 {
+.border-gray-100 {
   border-color: #f8fcfe;
 }
 
-.border-grey-200 {
+.border-gray-200 {
   border-color: #f1f5fb;
 }
 
-.border-grey-300 {
+.border-gray-300 {
   border-color: #e2e9f0;
 }
 
-.border-grey-400 {
+.border-gray-400 {
   border-color: #bbc5cf;
 }
 
-.border-grey-500 {
+.border-gray-500 {
   border-color: #a3b0bd;
 }
 
-.border-grey-600 {
+.border-gray-600 {
   border-color: #7a8996;
 }
 
-.border-grey-700 {
+.border-gray-700 {
   border-color: #5a6977;
 }
 
-.border-grey-800 {
+.border-gray-800 {
   border-color: #2e3a45;
 }
 
-.border-grey-900 {
+.border-gray-900 {
   border-color: #1f2830;
 }
 
@@ -2493,39 +2493,39 @@ samp {
   border-color: #741c46;
 }
 
-.hover\:border-grey-100:hover {
+.hover\:border-gray-100:hover {
   border-color: #f8fcfe;
 }
 
-.hover\:border-grey-200:hover {
+.hover\:border-gray-200:hover {
   border-color: #f1f5fb;
 }
 
-.hover\:border-grey-300:hover {
+.hover\:border-gray-300:hover {
   border-color: #e2e9f0;
 }
 
-.hover\:border-grey-400:hover {
+.hover\:border-gray-400:hover {
   border-color: #bbc5cf;
 }
 
-.hover\:border-grey-500:hover {
+.hover\:border-gray-500:hover {
   border-color: #a3b0bd;
 }
 
-.hover\:border-grey-600:hover {
+.hover\:border-gray-600:hover {
   border-color: #7a8996;
 }
 
-.hover\:border-grey-700:hover {
+.hover\:border-gray-700:hover {
   border-color: #5a6977;
 }
 
-.hover\:border-grey-800:hover {
+.hover\:border-gray-800:hover {
   border-color: #2e3a45;
 }
 
-.hover\:border-grey-900:hover {
+.hover\:border-gray-900:hover {
   border-color: #1f2830;
 }
 
@@ -2865,39 +2865,39 @@ samp {
   border-color: #741c46;
 }
 
-.focus\:border-grey-100:focus {
+.focus\:border-gray-100:focus {
   border-color: #f8fcfe;
 }
 
-.focus\:border-grey-200:focus {
+.focus\:border-gray-200:focus {
   border-color: #f1f5fb;
 }
 
-.focus\:border-grey-300:focus {
+.focus\:border-gray-300:focus {
   border-color: #e2e9f0;
 }
 
-.focus\:border-grey-400:focus {
+.focus\:border-gray-400:focus {
   border-color: #bbc5cf;
 }
 
-.focus\:border-grey-500:focus {
+.focus\:border-gray-500:focus {
   border-color: #a3b0bd;
 }
 
-.focus\:border-grey-600:focus {
+.focus\:border-gray-600:focus {
   border-color: #7a8996;
 }
 
-.focus\:border-grey-700:focus {
+.focus\:border-gray-700:focus {
   border-color: #5a6977;
 }
 
-.focus\:border-grey-800:focus {
+.focus\:border-gray-800:focus {
   border-color: #2e3a45;
 }
 
-.focus\:border-grey-900:focus {
+.focus\:border-gray-900:focus {
   border-color: #1f2830;
 }
 
@@ -6187,39 +6187,39 @@ samp {
   color: #741c46;
 }
 
-.text-grey-100 {
+.text-gray-100 {
   color: #f8fcfe;
 }
 
-.text-grey-200 {
+.text-gray-200 {
   color: #f1f5fb;
 }
 
-.text-grey-300 {
+.text-gray-300 {
   color: #e2e9f0;
 }
 
-.text-grey-400 {
+.text-gray-400 {
   color: #bbc5cf;
 }
 
-.text-grey-500 {
+.text-gray-500 {
   color: #a3b0bd;
 }
 
-.text-grey-600 {
+.text-gray-600 {
   color: #7a8996;
 }
 
-.text-grey-700 {
+.text-gray-700 {
   color: #5a6977;
 }
 
-.text-grey-800 {
+.text-gray-800 {
   color: #2e3a45;
 }
 
-.text-grey-900 {
+.text-gray-900 {
   color: #1f2830;
 }
 
@@ -6559,39 +6559,39 @@ samp {
   color: #741c46;
 }
 
-.hover\:text-grey-100:hover {
+.hover\:text-gray-100:hover {
   color: #f8fcfe;
 }
 
-.hover\:text-grey-200:hover {
+.hover\:text-gray-200:hover {
   color: #f1f5fb;
 }
 
-.hover\:text-grey-300:hover {
+.hover\:text-gray-300:hover {
   color: #e2e9f0;
 }
 
-.hover\:text-grey-400:hover {
+.hover\:text-gray-400:hover {
   color: #bbc5cf;
 }
 
-.hover\:text-grey-500:hover {
+.hover\:text-gray-500:hover {
   color: #a3b0bd;
 }
 
-.hover\:text-grey-600:hover {
+.hover\:text-gray-600:hover {
   color: #7a8996;
 }
 
-.hover\:text-grey-700:hover {
+.hover\:text-gray-700:hover {
   color: #5a6977;
 }
 
-.hover\:text-grey-800:hover {
+.hover\:text-gray-800:hover {
   color: #2e3a45;
 }
 
-.hover\:text-grey-900:hover {
+.hover\:text-gray-900:hover {
   color: #1f2830;
 }
 
@@ -6931,39 +6931,39 @@ samp {
   color: #741c46;
 }
 
-.focus\:text-grey-100:focus {
+.focus\:text-gray-100:focus {
   color: #f8fcfe;
 }
 
-.focus\:text-grey-200:focus {
+.focus\:text-gray-200:focus {
   color: #f1f5fb;
 }
 
-.focus\:text-grey-300:focus {
+.focus\:text-gray-300:focus {
   color: #e2e9f0;
 }
 
-.focus\:text-grey-400:focus {
+.focus\:text-gray-400:focus {
   color: #bbc5cf;
 }
 
-.focus\:text-grey-500:focus {
+.focus\:text-gray-500:focus {
   color: #a3b0bd;
 }
 
-.focus\:text-grey-600:focus {
+.focus\:text-gray-600:focus {
   color: #7a8996;
 }
 
-.focus\:text-grey-700:focus {
+.focus\:text-gray-700:focus {
   color: #5a6977;
 }
 
-.focus\:text-grey-800:focus {
+.focus\:text-gray-800:focus {
   color: #2e3a45;
 }
 
-.focus\:text-grey-900:focus {
+.focus\:text-gray-900:focus {
   color: #1f2830;
 }
 
@@ -7701,39 +7701,39 @@ samp {
     background-color: #741c46;
   }
 
-  .sm\:bg-grey-100 {
+  .sm\:bg-gray-100 {
     background-color: #f8fcfe;
   }
 
-  .sm\:bg-grey-200 {
+  .sm\:bg-gray-200 {
     background-color: #f1f5fb;
   }
 
-  .sm\:bg-grey-300 {
+  .sm\:bg-gray-300 {
     background-color: #e2e9f0;
   }
 
-  .sm\:bg-grey-400 {
+  .sm\:bg-gray-400 {
     background-color: #bbc5cf;
   }
 
-  .sm\:bg-grey-500 {
+  .sm\:bg-gray-500 {
     background-color: #a3b0bd;
   }
 
-  .sm\:bg-grey-600 {
+  .sm\:bg-gray-600 {
     background-color: #7a8996;
   }
 
-  .sm\:bg-grey-700 {
+  .sm\:bg-gray-700 {
     background-color: #5a6977;
   }
 
-  .sm\:bg-grey-800 {
+  .sm\:bg-gray-800 {
     background-color: #2e3a45;
   }
 
-  .sm\:bg-grey-900 {
+  .sm\:bg-gray-900 {
     background-color: #1f2830;
   }
 
@@ -8073,39 +8073,39 @@ samp {
     background-color: #741c46;
   }
 
-  .sm\:hover\:bg-grey-100:hover {
+  .sm\:hover\:bg-gray-100:hover {
     background-color: #f8fcfe;
   }
 
-  .sm\:hover\:bg-grey-200:hover {
+  .sm\:hover\:bg-gray-200:hover {
     background-color: #f1f5fb;
   }
 
-  .sm\:hover\:bg-grey-300:hover {
+  .sm\:hover\:bg-gray-300:hover {
     background-color: #e2e9f0;
   }
 
-  .sm\:hover\:bg-grey-400:hover {
+  .sm\:hover\:bg-gray-400:hover {
     background-color: #bbc5cf;
   }
 
-  .sm\:hover\:bg-grey-500:hover {
+  .sm\:hover\:bg-gray-500:hover {
     background-color: #a3b0bd;
   }
 
-  .sm\:hover\:bg-grey-600:hover {
+  .sm\:hover\:bg-gray-600:hover {
     background-color: #7a8996;
   }
 
-  .sm\:hover\:bg-grey-700:hover {
+  .sm\:hover\:bg-gray-700:hover {
     background-color: #5a6977;
   }
 
-  .sm\:hover\:bg-grey-800:hover {
+  .sm\:hover\:bg-gray-800:hover {
     background-color: #2e3a45;
   }
 
-  .sm\:hover\:bg-grey-900:hover {
+  .sm\:hover\:bg-gray-900:hover {
     background-color: #1f2830;
   }
 
@@ -8445,39 +8445,39 @@ samp {
     background-color: #741c46;
   }
 
-  .sm\:focus\:bg-grey-100:focus {
+  .sm\:focus\:bg-gray-100:focus {
     background-color: #f8fcfe;
   }
 
-  .sm\:focus\:bg-grey-200:focus {
+  .sm\:focus\:bg-gray-200:focus {
     background-color: #f1f5fb;
   }
 
-  .sm\:focus\:bg-grey-300:focus {
+  .sm\:focus\:bg-gray-300:focus {
     background-color: #e2e9f0;
   }
 
-  .sm\:focus\:bg-grey-400:focus {
+  .sm\:focus\:bg-gray-400:focus {
     background-color: #bbc5cf;
   }
 
-  .sm\:focus\:bg-grey-500:focus {
+  .sm\:focus\:bg-gray-500:focus {
     background-color: #a3b0bd;
   }
 
-  .sm\:focus\:bg-grey-600:focus {
+  .sm\:focus\:bg-gray-600:focus {
     background-color: #7a8996;
   }
 
-  .sm\:focus\:bg-grey-700:focus {
+  .sm\:focus\:bg-gray-700:focus {
     background-color: #5a6977;
   }
 
-  .sm\:focus\:bg-grey-800:focus {
+  .sm\:focus\:bg-gray-800:focus {
     background-color: #2e3a45;
   }
 
-  .sm\:focus\:bg-grey-900:focus {
+  .sm\:focus\:bg-gray-900:focus {
     background-color: #1f2830;
   }
 
@@ -8881,39 +8881,39 @@ samp {
     border-color: #741c46;
   }
 
-  .sm\:border-grey-100 {
+  .sm\:border-gray-100 {
     border-color: #f8fcfe;
   }
 
-  .sm\:border-grey-200 {
+  .sm\:border-gray-200 {
     border-color: #f1f5fb;
   }
 
-  .sm\:border-grey-300 {
+  .sm\:border-gray-300 {
     border-color: #e2e9f0;
   }
 
-  .sm\:border-grey-400 {
+  .sm\:border-gray-400 {
     border-color: #bbc5cf;
   }
 
-  .sm\:border-grey-500 {
+  .sm\:border-gray-500 {
     border-color: #a3b0bd;
   }
 
-  .sm\:border-grey-600 {
+  .sm\:border-gray-600 {
     border-color: #7a8996;
   }
 
-  .sm\:border-grey-700 {
+  .sm\:border-gray-700 {
     border-color: #5a6977;
   }
 
-  .sm\:border-grey-800 {
+  .sm\:border-gray-800 {
     border-color: #2e3a45;
   }
 
-  .sm\:border-grey-900 {
+  .sm\:border-gray-900 {
     border-color: #1f2830;
   }
 
@@ -9253,39 +9253,39 @@ samp {
     border-color: #741c46;
   }
 
-  .sm\:hover\:border-grey-100:hover {
+  .sm\:hover\:border-gray-100:hover {
     border-color: #f8fcfe;
   }
 
-  .sm\:hover\:border-grey-200:hover {
+  .sm\:hover\:border-gray-200:hover {
     border-color: #f1f5fb;
   }
 
-  .sm\:hover\:border-grey-300:hover {
+  .sm\:hover\:border-gray-300:hover {
     border-color: #e2e9f0;
   }
 
-  .sm\:hover\:border-grey-400:hover {
+  .sm\:hover\:border-gray-400:hover {
     border-color: #bbc5cf;
   }
 
-  .sm\:hover\:border-grey-500:hover {
+  .sm\:hover\:border-gray-500:hover {
     border-color: #a3b0bd;
   }
 
-  .sm\:hover\:border-grey-600:hover {
+  .sm\:hover\:border-gray-600:hover {
     border-color: #7a8996;
   }
 
-  .sm\:hover\:border-grey-700:hover {
+  .sm\:hover\:border-gray-700:hover {
     border-color: #5a6977;
   }
 
-  .sm\:hover\:border-grey-800:hover {
+  .sm\:hover\:border-gray-800:hover {
     border-color: #2e3a45;
   }
 
-  .sm\:hover\:border-grey-900:hover {
+  .sm\:hover\:border-gray-900:hover {
     border-color: #1f2830;
   }
 
@@ -9625,39 +9625,39 @@ samp {
     border-color: #741c46;
   }
 
-  .sm\:focus\:border-grey-100:focus {
+  .sm\:focus\:border-gray-100:focus {
     border-color: #f8fcfe;
   }
 
-  .sm\:focus\:border-grey-200:focus {
+  .sm\:focus\:border-gray-200:focus {
     border-color: #f1f5fb;
   }
 
-  .sm\:focus\:border-grey-300:focus {
+  .sm\:focus\:border-gray-300:focus {
     border-color: #e2e9f0;
   }
 
-  .sm\:focus\:border-grey-400:focus {
+  .sm\:focus\:border-gray-400:focus {
     border-color: #bbc5cf;
   }
 
-  .sm\:focus\:border-grey-500:focus {
+  .sm\:focus\:border-gray-500:focus {
     border-color: #a3b0bd;
   }
 
-  .sm\:focus\:border-grey-600:focus {
+  .sm\:focus\:border-gray-600:focus {
     border-color: #7a8996;
   }
 
-  .sm\:focus\:border-grey-700:focus {
+  .sm\:focus\:border-gray-700:focus {
     border-color: #5a6977;
   }
 
-  .sm\:focus\:border-grey-800:focus {
+  .sm\:focus\:border-gray-800:focus {
     border-color: #2e3a45;
   }
 
-  .sm\:focus\:border-grey-900:focus {
+  .sm\:focus\:border-gray-900:focus {
     border-color: #1f2830;
   }
 
@@ -12931,39 +12931,39 @@ samp {
     color: #741c46;
   }
 
-  .sm\:text-grey-100 {
+  .sm\:text-gray-100 {
     color: #f8fcfe;
   }
 
-  .sm\:text-grey-200 {
+  .sm\:text-gray-200 {
     color: #f1f5fb;
   }
 
-  .sm\:text-grey-300 {
+  .sm\:text-gray-300 {
     color: #e2e9f0;
   }
 
-  .sm\:text-grey-400 {
+  .sm\:text-gray-400 {
     color: #bbc5cf;
   }
 
-  .sm\:text-grey-500 {
+  .sm\:text-gray-500 {
     color: #a3b0bd;
   }
 
-  .sm\:text-grey-600 {
+  .sm\:text-gray-600 {
     color: #7a8996;
   }
 
-  .sm\:text-grey-700 {
+  .sm\:text-gray-700 {
     color: #5a6977;
   }
 
-  .sm\:text-grey-800 {
+  .sm\:text-gray-800 {
     color: #2e3a45;
   }
 
-  .sm\:text-grey-900 {
+  .sm\:text-gray-900 {
     color: #1f2830;
   }
 
@@ -13303,39 +13303,39 @@ samp {
     color: #741c46;
   }
 
-  .sm\:hover\:text-grey-100:hover {
+  .sm\:hover\:text-gray-100:hover {
     color: #f8fcfe;
   }
 
-  .sm\:hover\:text-grey-200:hover {
+  .sm\:hover\:text-gray-200:hover {
     color: #f1f5fb;
   }
 
-  .sm\:hover\:text-grey-300:hover {
+  .sm\:hover\:text-gray-300:hover {
     color: #e2e9f0;
   }
 
-  .sm\:hover\:text-grey-400:hover {
+  .sm\:hover\:text-gray-400:hover {
     color: #bbc5cf;
   }
 
-  .sm\:hover\:text-grey-500:hover {
+  .sm\:hover\:text-gray-500:hover {
     color: #a3b0bd;
   }
 
-  .sm\:hover\:text-grey-600:hover {
+  .sm\:hover\:text-gray-600:hover {
     color: #7a8996;
   }
 
-  .sm\:hover\:text-grey-700:hover {
+  .sm\:hover\:text-gray-700:hover {
     color: #5a6977;
   }
 
-  .sm\:hover\:text-grey-800:hover {
+  .sm\:hover\:text-gray-800:hover {
     color: #2e3a45;
   }
 
-  .sm\:hover\:text-grey-900:hover {
+  .sm\:hover\:text-gray-900:hover {
     color: #1f2830;
   }
 
@@ -13675,39 +13675,39 @@ samp {
     color: #741c46;
   }
 
-  .sm\:focus\:text-grey-100:focus {
+  .sm\:focus\:text-gray-100:focus {
     color: #f8fcfe;
   }
 
-  .sm\:focus\:text-grey-200:focus {
+  .sm\:focus\:text-gray-200:focus {
     color: #f1f5fb;
   }
 
-  .sm\:focus\:text-grey-300:focus {
+  .sm\:focus\:text-gray-300:focus {
     color: #e2e9f0;
   }
 
-  .sm\:focus\:text-grey-400:focus {
+  .sm\:focus\:text-gray-400:focus {
     color: #bbc5cf;
   }
 
-  .sm\:focus\:text-grey-500:focus {
+  .sm\:focus\:text-gray-500:focus {
     color: #a3b0bd;
   }
 
-  .sm\:focus\:text-grey-600:focus {
+  .sm\:focus\:text-gray-600:focus {
     color: #7a8996;
   }
 
-  .sm\:focus\:text-grey-700:focus {
+  .sm\:focus\:text-gray-700:focus {
     color: #5a6977;
   }
 
-  .sm\:focus\:text-grey-800:focus {
+  .sm\:focus\:text-gray-800:focus {
     color: #2e3a45;
   }
 
-  .sm\:focus\:text-grey-900:focus {
+  .sm\:focus\:text-gray-900:focus {
     color: #1f2830;
   }
 
@@ -14449,39 +14449,39 @@ samp {
     background-color: #741c46;
   }
 
-  .md\:bg-grey-100 {
+  .md\:bg-gray-100 {
     background-color: #f8fcfe;
   }
 
-  .md\:bg-grey-200 {
+  .md\:bg-gray-200 {
     background-color: #f1f5fb;
   }
 
-  .md\:bg-grey-300 {
+  .md\:bg-gray-300 {
     background-color: #e2e9f0;
   }
 
-  .md\:bg-grey-400 {
+  .md\:bg-gray-400 {
     background-color: #bbc5cf;
   }
 
-  .md\:bg-grey-500 {
+  .md\:bg-gray-500 {
     background-color: #a3b0bd;
   }
 
-  .md\:bg-grey-600 {
+  .md\:bg-gray-600 {
     background-color: #7a8996;
   }
 
-  .md\:bg-grey-700 {
+  .md\:bg-gray-700 {
     background-color: #5a6977;
   }
 
-  .md\:bg-grey-800 {
+  .md\:bg-gray-800 {
     background-color: #2e3a45;
   }
 
-  .md\:bg-grey-900 {
+  .md\:bg-gray-900 {
     background-color: #1f2830;
   }
 
@@ -14822,39 +14822,39 @@ samp {
     background-color: #741c46;
   }
 
-  .md\:hover\:bg-grey-100:hover {
+  .md\:hover\:bg-gray-100:hover {
     background-color: #f8fcfe;
   }
 
-  .md\:hover\:bg-grey-200:hover {
+  .md\:hover\:bg-gray-200:hover {
     background-color: #f1f5fb;
   }
 
-  .md\:hover\:bg-grey-300:hover {
+  .md\:hover\:bg-gray-300:hover {
     background-color: #e2e9f0;
   }
 
-  .md\:hover\:bg-grey-400:hover {
+  .md\:hover\:bg-gray-400:hover {
     background-color: #bbc5cf;
   }
 
-  .md\:hover\:bg-grey-500:hover {
+  .md\:hover\:bg-gray-500:hover {
     background-color: #a3b0bd;
   }
 
-  .md\:hover\:bg-grey-600:hover {
+  .md\:hover\:bg-gray-600:hover {
     background-color: #7a8996;
   }
 
-  .md\:hover\:bg-grey-700:hover {
+  .md\:hover\:bg-gray-700:hover {
     background-color: #5a6977;
   }
 
-  .md\:hover\:bg-grey-800:hover {
+  .md\:hover\:bg-gray-800:hover {
     background-color: #2e3a45;
   }
 
-  .md\:hover\:bg-grey-900:hover {
+  .md\:hover\:bg-gray-900:hover {
     background-color: #1f2830;
   }
 
@@ -15194,39 +15194,39 @@ samp {
     background-color: #741c46;
   }
 
-  .md\:focus\:bg-grey-100:focus {
+  .md\:focus\:bg-gray-100:focus {
     background-color: #f8fcfe;
   }
 
-  .md\:focus\:bg-grey-200:focus {
+  .md\:focus\:bg-gray-200:focus {
     background-color: #f1f5fb;
   }
 
-  .md\:focus\:bg-grey-300:focus {
+  .md\:focus\:bg-gray-300:focus {
     background-color: #e2e9f0;
   }
 
-  .md\:focus\:bg-grey-400:focus {
+  .md\:focus\:bg-gray-400:focus {
     background-color: #bbc5cf;
   }
 
-  .md\:focus\:bg-grey-500:focus {
+  .md\:focus\:bg-gray-500:focus {
     background-color: #a3b0bd;
   }
 
-  .md\:focus\:bg-grey-600:focus {
+  .md\:focus\:bg-gray-600:focus {
     background-color: #7a8996;
   }
 
-  .md\:focus\:bg-grey-700:focus {
+  .md\:focus\:bg-gray-700:focus {
     background-color: #5a6977;
   }
 
-  .md\:focus\:bg-grey-800:focus {
+  .md\:focus\:bg-gray-800:focus {
     background-color: #2e3a45;
   }
 
-  .md\:focus\:bg-grey-900:focus {
+  .md\:focus\:bg-gray-900:focus {
     background-color: #1f2830;
   }
 
@@ -15630,39 +15630,39 @@ samp {
     border-color: #741c46;
   }
 
-  .md\:border-grey-100 {
+  .md\:border-gray-100 {
     border-color: #f8fcfe;
   }
 
-  .md\:border-grey-200 {
+  .md\:border-gray-200 {
     border-color: #f1f5fb;
   }
 
-  .md\:border-grey-300 {
+  .md\:border-gray-300 {
     border-color: #e2e9f0;
   }
 
-  .md\:border-grey-400 {
+  .md\:border-gray-400 {
     border-color: #bbc5cf;
   }
 
-  .md\:border-grey-500 {
+  .md\:border-gray-500 {
     border-color: #a3b0bd;
   }
 
-  .md\:border-grey-600 {
+  .md\:border-gray-600 {
     border-color: #7a8996;
   }
 
-  .md\:border-grey-700 {
+  .md\:border-gray-700 {
     border-color: #5a6977;
   }
 
-  .md\:border-grey-800 {
+  .md\:border-gray-800 {
     border-color: #2e3a45;
   }
 
-  .md\:border-grey-900 {
+  .md\:border-gray-900 {
     border-color: #1f2830;
   }
 
@@ -16002,39 +16002,39 @@ samp {
     border-color: #741c46;
   }
 
-  .md\:hover\:border-grey-100:hover {
+  .md\:hover\:border-gray-100:hover {
     border-color: #f8fcfe;
   }
 
-  .md\:hover\:border-grey-200:hover {
+  .md\:hover\:border-gray-200:hover {
     border-color: #f1f5fb;
   }
 
-  .md\:hover\:border-grey-300:hover {
+  .md\:hover\:border-gray-300:hover {
     border-color: #e2e9f0;
   }
 
-  .md\:hover\:border-grey-400:hover {
+  .md\:hover\:border-gray-400:hover {
     border-color: #bbc5cf;
   }
 
-  .md\:hover\:border-grey-500:hover {
+  .md\:hover\:border-gray-500:hover {
     border-color: #a3b0bd;
   }
 
-  .md\:hover\:border-grey-600:hover {
+  .md\:hover\:border-gray-600:hover {
     border-color: #7a8996;
   }
 
-  .md\:hover\:border-grey-700:hover {
+  .md\:hover\:border-gray-700:hover {
     border-color: #5a6977;
   }
 
-  .md\:hover\:border-grey-800:hover {
+  .md\:hover\:border-gray-800:hover {
     border-color: #2e3a45;
   }
 
-  .md\:hover\:border-grey-900:hover {
+  .md\:hover\:border-gray-900:hover {
     border-color: #1f2830;
   }
 
@@ -16374,39 +16374,39 @@ samp {
     border-color: #741c46;
   }
 
-  .md\:focus\:border-grey-100:focus {
+  .md\:focus\:border-gray-100:focus {
     border-color: #f8fcfe;
   }
 
-  .md\:focus\:border-grey-200:focus {
+  .md\:focus\:border-gray-200:focus {
     border-color: #f1f5fb;
   }
 
-  .md\:focus\:border-grey-300:focus {
+  .md\:focus\:border-gray-300:focus {
     border-color: #e2e9f0;
   }
 
-  .md\:focus\:border-grey-400:focus {
+  .md\:focus\:border-gray-400:focus {
     border-color: #bbc5cf;
   }
 
-  .md\:focus\:border-grey-500:focus {
+  .md\:focus\:border-gray-500:focus {
     border-color: #a3b0bd;
   }
 
-  .md\:focus\:border-grey-600:focus {
+  .md\:focus\:border-gray-600:focus {
     border-color: #7a8996;
   }
 
-  .md\:focus\:border-grey-700:focus {
+  .md\:focus\:border-gray-700:focus {
     border-color: #5a6977;
   }
 
-  .md\:focus\:border-grey-800:focus {
+  .md\:focus\:border-gray-800:focus {
     border-color: #2e3a45;
   }
 
-  .md\:focus\:border-grey-900:focus {
+  .md\:focus\:border-gray-900:focus {
     border-color: #1f2830;
   }
 
@@ -19680,39 +19680,39 @@ samp {
     color: #741c46;
   }
 
-  .md\:text-grey-100 {
+  .md\:text-gray-100 {
     color: #f8fcfe;
   }
 
-  .md\:text-grey-200 {
+  .md\:text-gray-200 {
     color: #f1f5fb;
   }
 
-  .md\:text-grey-300 {
+  .md\:text-gray-300 {
     color: #e2e9f0;
   }
 
-  .md\:text-grey-400 {
+  .md\:text-gray-400 {
     color: #bbc5cf;
   }
 
-  .md\:text-grey-500 {
+  .md\:text-gray-500 {
     color: #a3b0bd;
   }
 
-  .md\:text-grey-600 {
+  .md\:text-gray-600 {
     color: #7a8996;
   }
 
-  .md\:text-grey-700 {
+  .md\:text-gray-700 {
     color: #5a6977;
   }
 
-  .md\:text-grey-800 {
+  .md\:text-gray-800 {
     color: #2e3a45;
   }
 
-  .md\:text-grey-900 {
+  .md\:text-gray-900 {
     color: #1f2830;
   }
 
@@ -20052,39 +20052,39 @@ samp {
     color: #741c46;
   }
 
-  .md\:hover\:text-grey-100:hover {
+  .md\:hover\:text-gray-100:hover {
     color: #f8fcfe;
   }
 
-  .md\:hover\:text-grey-200:hover {
+  .md\:hover\:text-gray-200:hover {
     color: #f1f5fb;
   }
 
-  .md\:hover\:text-grey-300:hover {
+  .md\:hover\:text-gray-300:hover {
     color: #e2e9f0;
   }
 
-  .md\:hover\:text-grey-400:hover {
+  .md\:hover\:text-gray-400:hover {
     color: #bbc5cf;
   }
 
-  .md\:hover\:text-grey-500:hover {
+  .md\:hover\:text-gray-500:hover {
     color: #a3b0bd;
   }
 
-  .md\:hover\:text-grey-600:hover {
+  .md\:hover\:text-gray-600:hover {
     color: #7a8996;
   }
 
-  .md\:hover\:text-grey-700:hover {
+  .md\:hover\:text-gray-700:hover {
     color: #5a6977;
   }
 
-  .md\:hover\:text-grey-800:hover {
+  .md\:hover\:text-gray-800:hover {
     color: #2e3a45;
   }
 
-  .md\:hover\:text-grey-900:hover {
+  .md\:hover\:text-gray-900:hover {
     color: #1f2830;
   }
 
@@ -20424,39 +20424,39 @@ samp {
     color: #741c46;
   }
 
-  .md\:focus\:text-grey-100:focus {
+  .md\:focus\:text-gray-100:focus {
     color: #f8fcfe;
   }
 
-  .md\:focus\:text-grey-200:focus {
+  .md\:focus\:text-gray-200:focus {
     color: #f1f5fb;
   }
 
-  .md\:focus\:text-grey-300:focus {
+  .md\:focus\:text-gray-300:focus {
     color: #e2e9f0;
   }
 
-  .md\:focus\:text-grey-400:focus {
+  .md\:focus\:text-gray-400:focus {
     color: #bbc5cf;
   }
 
-  .md\:focus\:text-grey-500:focus {
+  .md\:focus\:text-gray-500:focus {
     color: #a3b0bd;
   }
 
-  .md\:focus\:text-grey-600:focus {
+  .md\:focus\:text-gray-600:focus {
     color: #7a8996;
   }
 
-  .md\:focus\:text-grey-700:focus {
+  .md\:focus\:text-gray-700:focus {
     color: #5a6977;
   }
 
-  .md\:focus\:text-grey-800:focus {
+  .md\:focus\:text-gray-800:focus {
     color: #2e3a45;
   }
 
-  .md\:focus\:text-grey-900:focus {
+  .md\:focus\:text-gray-900:focus {
     color: #1f2830;
   }
 
@@ -21195,39 +21195,39 @@ samp {
     background-color: #741c46;
   }
 
-  .lg\:bg-grey-100 {
+  .lg\:bg-gray-100 {
     background-color: #f8fcfe;
   }
 
-  .lg\:bg-grey-200 {
+  .lg\:bg-gray-200 {
     background-color: #f1f5fb;
   }
 
-  .lg\:bg-grey-300 {
+  .lg\:bg-gray-300 {
     background-color: #e2e9f0;
   }
 
-  .lg\:bg-grey-400 {
+  .lg\:bg-gray-400 {
     background-color: #bbc5cf;
   }
 
-  .lg\:bg-grey-500 {
+  .lg\:bg-gray-500 {
     background-color: #a3b0bd;
   }
 
-  .lg\:bg-grey-600 {
+  .lg\:bg-gray-600 {
     background-color: #7a8996;
   }
 
-  .lg\:bg-grey-700 {
+  .lg\:bg-gray-700 {
     background-color: #5a6977;
   }
 
-  .lg\:bg-grey-800 {
+  .lg\:bg-gray-800 {
     background-color: #2e3a45;
   }
 
-  .lg\:bg-grey-900 {
+  .lg\:bg-gray-900 {
     background-color: #1f2830;
   }
 
@@ -21568,39 +21568,39 @@ samp {
     background-color: #741c46;
   }
 
-  .lg\:hover\:bg-grey-100:hover {
+  .lg\:hover\:bg-gray-100:hover {
     background-color: #f8fcfe;
   }
 
-  .lg\:hover\:bg-grey-200:hover {
+  .lg\:hover\:bg-gray-200:hover {
     background-color: #f1f5fb;
   }
 
-  .lg\:hover\:bg-grey-300:hover {
+  .lg\:hover\:bg-gray-300:hover {
     background-color: #e2e9f0;
   }
 
-  .lg\:hover\:bg-grey-400:hover {
+  .lg\:hover\:bg-gray-400:hover {
     background-color: #bbc5cf;
   }
 
-  .lg\:hover\:bg-grey-500:hover {
+  .lg\:hover\:bg-gray-500:hover {
     background-color: #a3b0bd;
   }
 
-  .lg\:hover\:bg-grey-600:hover {
+  .lg\:hover\:bg-gray-600:hover {
     background-color: #7a8996;
   }
 
-  .lg\:hover\:bg-grey-700:hover {
+  .lg\:hover\:bg-gray-700:hover {
     background-color: #5a6977;
   }
 
-  .lg\:hover\:bg-grey-800:hover {
+  .lg\:hover\:bg-gray-800:hover {
     background-color: #2e3a45;
   }
 
-  .lg\:hover\:bg-grey-900:hover {
+  .lg\:hover\:bg-gray-900:hover {
     background-color: #1f2830;
   }
 
@@ -21940,39 +21940,39 @@ samp {
     background-color: #741c46;
   }
 
-  .lg\:focus\:bg-grey-100:focus {
+  .lg\:focus\:bg-gray-100:focus {
     background-color: #f8fcfe;
   }
 
-  .lg\:focus\:bg-grey-200:focus {
+  .lg\:focus\:bg-gray-200:focus {
     background-color: #f1f5fb;
   }
 
-  .lg\:focus\:bg-grey-300:focus {
+  .lg\:focus\:bg-gray-300:focus {
     background-color: #e2e9f0;
   }
 
-  .lg\:focus\:bg-grey-400:focus {
+  .lg\:focus\:bg-gray-400:focus {
     background-color: #bbc5cf;
   }
 
-  .lg\:focus\:bg-grey-500:focus {
+  .lg\:focus\:bg-gray-500:focus {
     background-color: #a3b0bd;
   }
 
-  .lg\:focus\:bg-grey-600:focus {
+  .lg\:focus\:bg-gray-600:focus {
     background-color: #7a8996;
   }
 
-  .lg\:focus\:bg-grey-700:focus {
+  .lg\:focus\:bg-gray-700:focus {
     background-color: #5a6977;
   }
 
-  .lg\:focus\:bg-grey-800:focus {
+  .lg\:focus\:bg-gray-800:focus {
     background-color: #2e3a45;
   }
 
-  .lg\:focus\:bg-grey-900:focus {
+  .lg\:focus\:bg-gray-900:focus {
     background-color: #1f2830;
   }
 
@@ -22376,39 +22376,39 @@ samp {
     border-color: #741c46;
   }
 
-  .lg\:border-grey-100 {
+  .lg\:border-gray-100 {
     border-color: #f8fcfe;
   }
 
-  .lg\:border-grey-200 {
+  .lg\:border-gray-200 {
     border-color: #f1f5fb;
   }
 
-  .lg\:border-grey-300 {
+  .lg\:border-gray-300 {
     border-color: #e2e9f0;
   }
 
-  .lg\:border-grey-400 {
+  .lg\:border-gray-400 {
     border-color: #bbc5cf;
   }
 
-  .lg\:border-grey-500 {
+  .lg\:border-gray-500 {
     border-color: #a3b0bd;
   }
 
-  .lg\:border-grey-600 {
+  .lg\:border-gray-600 {
     border-color: #7a8996;
   }
 
-  .lg\:border-grey-700 {
+  .lg\:border-gray-700 {
     border-color: #5a6977;
   }
 
-  .lg\:border-grey-800 {
+  .lg\:border-gray-800 {
     border-color: #2e3a45;
   }
 
-  .lg\:border-grey-900 {
+  .lg\:border-gray-900 {
     border-color: #1f2830;
   }
 
@@ -22748,39 +22748,39 @@ samp {
     border-color: #741c46;
   }
 
-  .lg\:hover\:border-grey-100:hover {
+  .lg\:hover\:border-gray-100:hover {
     border-color: #f8fcfe;
   }
 
-  .lg\:hover\:border-grey-200:hover {
+  .lg\:hover\:border-gray-200:hover {
     border-color: #f1f5fb;
   }
 
-  .lg\:hover\:border-grey-300:hover {
+  .lg\:hover\:border-gray-300:hover {
     border-color: #e2e9f0;
   }
 
-  .lg\:hover\:border-grey-400:hover {
+  .lg\:hover\:border-gray-400:hover {
     border-color: #bbc5cf;
   }
 
-  .lg\:hover\:border-grey-500:hover {
+  .lg\:hover\:border-gray-500:hover {
     border-color: #a3b0bd;
   }
 
-  .lg\:hover\:border-grey-600:hover {
+  .lg\:hover\:border-gray-600:hover {
     border-color: #7a8996;
   }
 
-  .lg\:hover\:border-grey-700:hover {
+  .lg\:hover\:border-gray-700:hover {
     border-color: #5a6977;
   }
 
-  .lg\:hover\:border-grey-800:hover {
+  .lg\:hover\:border-gray-800:hover {
     border-color: #2e3a45;
   }
 
-  .lg\:hover\:border-grey-900:hover {
+  .lg\:hover\:border-gray-900:hover {
     border-color: #1f2830;
   }
 
@@ -23120,39 +23120,39 @@ samp {
     border-color: #741c46;
   }
 
-  .lg\:focus\:border-grey-100:focus {
+  .lg\:focus\:border-gray-100:focus {
     border-color: #f8fcfe;
   }
 
-  .lg\:focus\:border-grey-200:focus {
+  .lg\:focus\:border-gray-200:focus {
     border-color: #f1f5fb;
   }
 
-  .lg\:focus\:border-grey-300:focus {
+  .lg\:focus\:border-gray-300:focus {
     border-color: #e2e9f0;
   }
 
-  .lg\:focus\:border-grey-400:focus {
+  .lg\:focus\:border-gray-400:focus {
     border-color: #bbc5cf;
   }
 
-  .lg\:focus\:border-grey-500:focus {
+  .lg\:focus\:border-gray-500:focus {
     border-color: #a3b0bd;
   }
 
-  .lg\:focus\:border-grey-600:focus {
+  .lg\:focus\:border-gray-600:focus {
     border-color: #7a8996;
   }
 
-  .lg\:focus\:border-grey-700:focus {
+  .lg\:focus\:border-gray-700:focus {
     border-color: #5a6977;
   }
 
-  .lg\:focus\:border-grey-800:focus {
+  .lg\:focus\:border-gray-800:focus {
     border-color: #2e3a45;
   }
 
-  .lg\:focus\:border-grey-900:focus {
+  .lg\:focus\:border-gray-900:focus {
     border-color: #1f2830;
   }
 
@@ -26426,39 +26426,39 @@ samp {
     color: #741c46;
   }
 
-  .lg\:text-grey-100 {
+  .lg\:text-gray-100 {
     color: #f8fcfe;
   }
 
-  .lg\:text-grey-200 {
+  .lg\:text-gray-200 {
     color: #f1f5fb;
   }
 
-  .lg\:text-grey-300 {
+  .lg\:text-gray-300 {
     color: #e2e9f0;
   }
 
-  .lg\:text-grey-400 {
+  .lg\:text-gray-400 {
     color: #bbc5cf;
   }
 
-  .lg\:text-grey-500 {
+  .lg\:text-gray-500 {
     color: #a3b0bd;
   }
 
-  .lg\:text-grey-600 {
+  .lg\:text-gray-600 {
     color: #7a8996;
   }
 
-  .lg\:text-grey-700 {
+  .lg\:text-gray-700 {
     color: #5a6977;
   }
 
-  .lg\:text-grey-800 {
+  .lg\:text-gray-800 {
     color: #2e3a45;
   }
 
-  .lg\:text-grey-900 {
+  .lg\:text-gray-900 {
     color: #1f2830;
   }
 
@@ -26798,39 +26798,39 @@ samp {
     color: #741c46;
   }
 
-  .lg\:hover\:text-grey-100:hover {
+  .lg\:hover\:text-gray-100:hover {
     color: #f8fcfe;
   }
 
-  .lg\:hover\:text-grey-200:hover {
+  .lg\:hover\:text-gray-200:hover {
     color: #f1f5fb;
   }
 
-  .lg\:hover\:text-grey-300:hover {
+  .lg\:hover\:text-gray-300:hover {
     color: #e2e9f0;
   }
 
-  .lg\:hover\:text-grey-400:hover {
+  .lg\:hover\:text-gray-400:hover {
     color: #bbc5cf;
   }
 
-  .lg\:hover\:text-grey-500:hover {
+  .lg\:hover\:text-gray-500:hover {
     color: #a3b0bd;
   }
 
-  .lg\:hover\:text-grey-600:hover {
+  .lg\:hover\:text-gray-600:hover {
     color: #7a8996;
   }
 
-  .lg\:hover\:text-grey-700:hover {
+  .lg\:hover\:text-gray-700:hover {
     color: #5a6977;
   }
 
-  .lg\:hover\:text-grey-800:hover {
+  .lg\:hover\:text-gray-800:hover {
     color: #2e3a45;
   }
 
-  .lg\:hover\:text-grey-900:hover {
+  .lg\:hover\:text-gray-900:hover {
     color: #1f2830;
   }
 
@@ -27170,39 +27170,39 @@ samp {
     color: #741c46;
   }
 
-  .lg\:focus\:text-grey-100:focus {
+  .lg\:focus\:text-gray-100:focus {
     color: #f8fcfe;
   }
 
-  .lg\:focus\:text-grey-200:focus {
+  .lg\:focus\:text-gray-200:focus {
     color: #f1f5fb;
   }
 
-  .lg\:focus\:text-grey-300:focus {
+  .lg\:focus\:text-gray-300:focus {
     color: #e2e9f0;
   }
 
-  .lg\:focus\:text-grey-400:focus {
+  .lg\:focus\:text-gray-400:focus {
     color: #bbc5cf;
   }
 
-  .lg\:focus\:text-grey-500:focus {
+  .lg\:focus\:text-gray-500:focus {
     color: #a3b0bd;
   }
 
-  .lg\:focus\:text-grey-600:focus {
+  .lg\:focus\:text-gray-600:focus {
     color: #7a8996;
   }
 
-  .lg\:focus\:text-grey-700:focus {
+  .lg\:focus\:text-gray-700:focus {
     color: #5a6977;
   }
 
-  .lg\:focus\:text-grey-800:focus {
+  .lg\:focus\:text-gray-800:focus {
     color: #2e3a45;
   }
 
-  .lg\:focus\:text-grey-900:focus {
+  .lg\:focus\:text-gray-900:focus {
     color: #1f2830;
   }
 
@@ -27941,39 +27941,39 @@ samp {
     background-color: #741c46;
   }
 
-  .xl\:bg-grey-100 {
+  .xl\:bg-gray-100 {
     background-color: #f8fcfe;
   }
 
-  .xl\:bg-grey-200 {
+  .xl\:bg-gray-200 {
     background-color: #f1f5fb;
   }
 
-  .xl\:bg-grey-300 {
+  .xl\:bg-gray-300 {
     background-color: #e2e9f0;
   }
 
-  .xl\:bg-grey-400 {
+  .xl\:bg-gray-400 {
     background-color: #bbc5cf;
   }
 
-  .xl\:bg-grey-500 {
+  .xl\:bg-gray-500 {
     background-color: #a3b0bd;
   }
 
-  .xl\:bg-grey-600 {
+  .xl\:bg-gray-600 {
     background-color: #7a8996;
   }
 
-  .xl\:bg-grey-700 {
+  .xl\:bg-gray-700 {
     background-color: #5a6977;
   }
 
-  .xl\:bg-grey-800 {
+  .xl\:bg-gray-800 {
     background-color: #2e3a45;
   }
 
-  .xl\:bg-grey-900 {
+  .xl\:bg-gray-900 {
     background-color: #1f2830;
   }
 
@@ -28314,39 +28314,39 @@ samp {
     background-color: #741c46;
   }
 
-  .xl\:hover\:bg-grey-100:hover {
+  .xl\:hover\:bg-gray-100:hover {
     background-color: #f8fcfe;
   }
 
-  .xl\:hover\:bg-grey-200:hover {
+  .xl\:hover\:bg-gray-200:hover {
     background-color: #f1f5fb;
   }
 
-  .xl\:hover\:bg-grey-300:hover {
+  .xl\:hover\:bg-gray-300:hover {
     background-color: #e2e9f0;
   }
 
-  .xl\:hover\:bg-grey-400:hover {
+  .xl\:hover\:bg-gray-400:hover {
     background-color: #bbc5cf;
   }
 
-  .xl\:hover\:bg-grey-500:hover {
+  .xl\:hover\:bg-gray-500:hover {
     background-color: #a3b0bd;
   }
 
-  .xl\:hover\:bg-grey-600:hover {
+  .xl\:hover\:bg-gray-600:hover {
     background-color: #7a8996;
   }
 
-  .xl\:hover\:bg-grey-700:hover {
+  .xl\:hover\:bg-gray-700:hover {
     background-color: #5a6977;
   }
 
-  .xl\:hover\:bg-grey-800:hover {
+  .xl\:hover\:bg-gray-800:hover {
     background-color: #2e3a45;
   }
 
-  .xl\:hover\:bg-grey-900:hover {
+  .xl\:hover\:bg-gray-900:hover {
     background-color: #1f2830;
   }
 
@@ -28686,39 +28686,39 @@ samp {
     background-color: #741c46;
   }
 
-  .xl\:focus\:bg-grey-100:focus {
+  .xl\:focus\:bg-gray-100:focus {
     background-color: #f8fcfe;
   }
 
-  .xl\:focus\:bg-grey-200:focus {
+  .xl\:focus\:bg-gray-200:focus {
     background-color: #f1f5fb;
   }
 
-  .xl\:focus\:bg-grey-300:focus {
+  .xl\:focus\:bg-gray-300:focus {
     background-color: #e2e9f0;
   }
 
-  .xl\:focus\:bg-grey-400:focus {
+  .xl\:focus\:bg-gray-400:focus {
     background-color: #bbc5cf;
   }
 
-  .xl\:focus\:bg-grey-500:focus {
+  .xl\:focus\:bg-gray-500:focus {
     background-color: #a3b0bd;
   }
 
-  .xl\:focus\:bg-grey-600:focus {
+  .xl\:focus\:bg-gray-600:focus {
     background-color: #7a8996;
   }
 
-  .xl\:focus\:bg-grey-700:focus {
+  .xl\:focus\:bg-gray-700:focus {
     background-color: #5a6977;
   }
 
-  .xl\:focus\:bg-grey-800:focus {
+  .xl\:focus\:bg-gray-800:focus {
     background-color: #2e3a45;
   }
 
-  .xl\:focus\:bg-grey-900:focus {
+  .xl\:focus\:bg-gray-900:focus {
     background-color: #1f2830;
   }
 
@@ -29122,39 +29122,39 @@ samp {
     border-color: #741c46;
   }
 
-  .xl\:border-grey-100 {
+  .xl\:border-gray-100 {
     border-color: #f8fcfe;
   }
 
-  .xl\:border-grey-200 {
+  .xl\:border-gray-200 {
     border-color: #f1f5fb;
   }
 
-  .xl\:border-grey-300 {
+  .xl\:border-gray-300 {
     border-color: #e2e9f0;
   }
 
-  .xl\:border-grey-400 {
+  .xl\:border-gray-400 {
     border-color: #bbc5cf;
   }
 
-  .xl\:border-grey-500 {
+  .xl\:border-gray-500 {
     border-color: #a3b0bd;
   }
 
-  .xl\:border-grey-600 {
+  .xl\:border-gray-600 {
     border-color: #7a8996;
   }
 
-  .xl\:border-grey-700 {
+  .xl\:border-gray-700 {
     border-color: #5a6977;
   }
 
-  .xl\:border-grey-800 {
+  .xl\:border-gray-800 {
     border-color: #2e3a45;
   }
 
-  .xl\:border-grey-900 {
+  .xl\:border-gray-900 {
     border-color: #1f2830;
   }
 
@@ -29494,39 +29494,39 @@ samp {
     border-color: #741c46;
   }
 
-  .xl\:hover\:border-grey-100:hover {
+  .xl\:hover\:border-gray-100:hover {
     border-color: #f8fcfe;
   }
 
-  .xl\:hover\:border-grey-200:hover {
+  .xl\:hover\:border-gray-200:hover {
     border-color: #f1f5fb;
   }
 
-  .xl\:hover\:border-grey-300:hover {
+  .xl\:hover\:border-gray-300:hover {
     border-color: #e2e9f0;
   }
 
-  .xl\:hover\:border-grey-400:hover {
+  .xl\:hover\:border-gray-400:hover {
     border-color: #bbc5cf;
   }
 
-  .xl\:hover\:border-grey-500:hover {
+  .xl\:hover\:border-gray-500:hover {
     border-color: #a3b0bd;
   }
 
-  .xl\:hover\:border-grey-600:hover {
+  .xl\:hover\:border-gray-600:hover {
     border-color: #7a8996;
   }
 
-  .xl\:hover\:border-grey-700:hover {
+  .xl\:hover\:border-gray-700:hover {
     border-color: #5a6977;
   }
 
-  .xl\:hover\:border-grey-800:hover {
+  .xl\:hover\:border-gray-800:hover {
     border-color: #2e3a45;
   }
 
-  .xl\:hover\:border-grey-900:hover {
+  .xl\:hover\:border-gray-900:hover {
     border-color: #1f2830;
   }
 
@@ -29866,39 +29866,39 @@ samp {
     border-color: #741c46;
   }
 
-  .xl\:focus\:border-grey-100:focus {
+  .xl\:focus\:border-gray-100:focus {
     border-color: #f8fcfe;
   }
 
-  .xl\:focus\:border-grey-200:focus {
+  .xl\:focus\:border-gray-200:focus {
     border-color: #f1f5fb;
   }
 
-  .xl\:focus\:border-grey-300:focus {
+  .xl\:focus\:border-gray-300:focus {
     border-color: #e2e9f0;
   }
 
-  .xl\:focus\:border-grey-400:focus {
+  .xl\:focus\:border-gray-400:focus {
     border-color: #bbc5cf;
   }
 
-  .xl\:focus\:border-grey-500:focus {
+  .xl\:focus\:border-gray-500:focus {
     border-color: #a3b0bd;
   }
 
-  .xl\:focus\:border-grey-600:focus {
+  .xl\:focus\:border-gray-600:focus {
     border-color: #7a8996;
   }
 
-  .xl\:focus\:border-grey-700:focus {
+  .xl\:focus\:border-gray-700:focus {
     border-color: #5a6977;
   }
 
-  .xl\:focus\:border-grey-800:focus {
+  .xl\:focus\:border-gray-800:focus {
     border-color: #2e3a45;
   }
 
-  .xl\:focus\:border-grey-900:focus {
+  .xl\:focus\:border-gray-900:focus {
     border-color: #1f2830;
   }
 
@@ -33172,39 +33172,39 @@ samp {
     color: #741c46;
   }
 
-  .xl\:text-grey-100 {
+  .xl\:text-gray-100 {
     color: #f8fcfe;
   }
 
-  .xl\:text-grey-200 {
+  .xl\:text-gray-200 {
     color: #f1f5fb;
   }
 
-  .xl\:text-grey-300 {
+  .xl\:text-gray-300 {
     color: #e2e9f0;
   }
 
-  .xl\:text-grey-400 {
+  .xl\:text-gray-400 {
     color: #bbc5cf;
   }
 
-  .xl\:text-grey-500 {
+  .xl\:text-gray-500 {
     color: #a3b0bd;
   }
 
-  .xl\:text-grey-600 {
+  .xl\:text-gray-600 {
     color: #7a8996;
   }
 
-  .xl\:text-grey-700 {
+  .xl\:text-gray-700 {
     color: #5a6977;
   }
 
-  .xl\:text-grey-800 {
+  .xl\:text-gray-800 {
     color: #2e3a45;
   }
 
-  .xl\:text-grey-900 {
+  .xl\:text-gray-900 {
     color: #1f2830;
   }
 
@@ -33544,39 +33544,39 @@ samp {
     color: #741c46;
   }
 
-  .xl\:hover\:text-grey-100:hover {
+  .xl\:hover\:text-gray-100:hover {
     color: #f8fcfe;
   }
 
-  .xl\:hover\:text-grey-200:hover {
+  .xl\:hover\:text-gray-200:hover {
     color: #f1f5fb;
   }
 
-  .xl\:hover\:text-grey-300:hover {
+  .xl\:hover\:text-gray-300:hover {
     color: #e2e9f0;
   }
 
-  .xl\:hover\:text-grey-400:hover {
+  .xl\:hover\:text-gray-400:hover {
     color: #bbc5cf;
   }
 
-  .xl\:hover\:text-grey-500:hover {
+  .xl\:hover\:text-gray-500:hover {
     color: #a3b0bd;
   }
 
-  .xl\:hover\:text-grey-600:hover {
+  .xl\:hover\:text-gray-600:hover {
     color: #7a8996;
   }
 
-  .xl\:hover\:text-grey-700:hover {
+  .xl\:hover\:text-gray-700:hover {
     color: #5a6977;
   }
 
-  .xl\:hover\:text-grey-800:hover {
+  .xl\:hover\:text-gray-800:hover {
     color: #2e3a45;
   }
 
-  .xl\:hover\:text-grey-900:hover {
+  .xl\:hover\:text-gray-900:hover {
     color: #1f2830;
   }
 
@@ -33916,39 +33916,39 @@ samp {
     color: #741c46;
   }
 
-  .xl\:focus\:text-grey-100:focus {
+  .xl\:focus\:text-gray-100:focus {
     color: #f8fcfe;
   }
 
-  .xl\:focus\:text-grey-200:focus {
+  .xl\:focus\:text-gray-200:focus {
     color: #f1f5fb;
   }
 
-  .xl\:focus\:text-grey-300:focus {
+  .xl\:focus\:text-gray-300:focus {
     color: #e2e9f0;
   }
 
-  .xl\:focus\:text-grey-400:focus {
+  .xl\:focus\:text-gray-400:focus {
     color: #bbc5cf;
   }
 
-  .xl\:focus\:text-grey-500:focus {
+  .xl\:focus\:text-gray-500:focus {
     color: #a3b0bd;
   }
 
-  .xl\:focus\:text-grey-600:focus {
+  .xl\:focus\:text-gray-600:focus {
     color: #7a8996;
   }
 
-  .xl\:focus\:text-grey-700:focus {
+  .xl\:focus\:text-gray-700:focus {
     color: #5a6977;
   }
 
-  .xl\:focus\:text-grey-800:focus {
+  .xl\:focus\:text-gray-800:focus {
     color: #2e3a45;
   }
 
-  .xl\:focus\:text-grey-900:focus {
+  .xl\:focus\:text-gray-900:focus {
     color: #1f2830;
   }
 
diff --git a/defaultTheme.js b/defaultTheme.js
index a0bc4280d..1e514e467 100644
--- a/defaultTheme.js
+++ b/defaultTheme.js
@@ -105,7 +105,7 @@ module.exports = function() {
         800: '#8d2450',
         900: '#741c46',
       },
-      grey: {
+      gray: {
         100: '#f8fcfe',
         200: '#f1f5fb',
         300: '#e2e9f0',
@@ -235,7 +235,7 @@ module.exports = function() {
       '8': '8px',
     },
     borderColor: theme => {
-      return global.Object.assign({ default: theme.colors.grey[700] }, theme.colors)
+      return global.Object.assign({ default: theme.colors.gray[700] }, theme.colors)
     },
     borderRadius: {
       none: '0',