diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index 604473b32b82..3ca58addb6c0 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -29141,6 +29141,70 @@ video {
   animation: bounce 1s infinite;
 }
 
+.mix-normal {
+  mix-blend-mode: normal;
+}
+
+.mix-multiply {
+  mix-blend-mode: multiply;
+}
+
+.mix-screen {
+  mix-blend-mode: screen;
+}
+
+.mix-overlay {
+  mix-blend-mode: overlay;
+}
+
+.mix-darken {
+  mix-blend-mode: darken;
+}
+
+.mix-lighten {
+  mix-blend-mode: lighten;
+}
+
+.mix-color-dodge {
+  mix-blend-mode: color-dodge;
+}
+
+.mix-color-burn {
+  mix-blend-mode: color-burn;
+}
+
+.mix-hard-light {
+  mix-blend-mode: hard-light;
+}
+
+.mix-soft-light {
+  mix-blend-mode: soft-light;
+}
+
+.mix-difference {
+  mix-blend-mode: difference;
+}
+
+.mix-exclusion {
+  mix-blend-mode: exclusion;
+}
+
+.mix-hue {
+  mix-blend-mode: hue;
+}
+
+.mix-saturation {
+  mix-blend-mode: saturation;
+}
+
+.mix-color {
+  mix-blend-mode: color;
+}
+
+.mix-luminosity {
+  mix-blend-mode: luminosity;
+}
+
 .example {
   font-weight: 700;
   color: #ef4444;
@@ -57705,6 +57769,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .sm\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .sm\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .sm\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .sm\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .sm\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .sm\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .sm\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .sm\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .sm\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .sm\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .sm\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .sm\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .sm\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .sm\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .sm\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .sm\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .sm\:example {
     font-weight: 700;
     color: #ef4444;
@@ -86270,6 +86398,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .md\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .md\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .md\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .md\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .md\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .md\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .md\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .md\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .md\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .md\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .md\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .md\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .md\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .md\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .md\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .md\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .md\:example {
     font-weight: 700;
     color: #ef4444;
@@ -114835,6 +115027,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .lg\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .lg\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .lg\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .lg\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .lg\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .lg\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .lg\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .lg\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .lg\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .lg\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .lg\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .lg\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .lg\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .lg\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .lg\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .lg\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .lg\:example {
     font-weight: 700;
     color: #ef4444;
@@ -143400,6 +143656,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .xl\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .xl\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .xl\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .xl\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .xl\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .xl\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .xl\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .xl\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .xl\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .xl\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .xl\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .xl\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .xl\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .xl\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .xl\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .xl\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .xl\:example {
     font-weight: 700;
     color: #ef4444;
@@ -171965,6 +172285,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .\32xl\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .\32xl\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .\32xl\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .\32xl\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .\32xl\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .\32xl\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .\32xl\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .\32xl\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .\32xl\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .\32xl\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .\32xl\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .\32xl\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .\32xl\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .\32xl\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .\32xl\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .\32xl\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .\32xl\:example {
     font-weight: 700;
     color: #ef4444;
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 46e893448edd..fac86845fec2 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -29141,6 +29141,70 @@ video {
   animation: bounce 1s infinite !important;
 }
 
+.mix-normal {
+  mix-blend-mode: normal !important;
+}
+
+.mix-multiply {
+  mix-blend-mode: multiply !important;
+}
+
+.mix-screen {
+  mix-blend-mode: screen !important;
+}
+
+.mix-overlay {
+  mix-blend-mode: overlay !important;
+}
+
+.mix-darken {
+  mix-blend-mode: darken !important;
+}
+
+.mix-lighten {
+  mix-blend-mode: lighten !important;
+}
+
+.mix-color-dodge {
+  mix-blend-mode: color-dodge !important;
+}
+
+.mix-color-burn {
+  mix-blend-mode: color-burn !important;
+}
+
+.mix-hard-light {
+  mix-blend-mode: hard-light !important;
+}
+
+.mix-soft-light {
+  mix-blend-mode: soft-light !important;
+}
+
+.mix-difference {
+  mix-blend-mode: difference !important;
+}
+
+.mix-exclusion {
+  mix-blend-mode: exclusion !important;
+}
+
+.mix-hue {
+  mix-blend-mode: hue !important;
+}
+
+.mix-saturation {
+  mix-blend-mode: saturation !important;
+}
+
+.mix-color {
+  mix-blend-mode: color !important;
+}
+
+.mix-luminosity {
+  mix-blend-mode: luminosity !important;
+}
+
 .example {
   font-weight: 700;
   color: #ef4444;
@@ -57705,6 +57769,70 @@ video {
     animation: bounce 1s infinite !important;
   }
 
+  .sm\:mix-normal {
+    mix-blend-mode: normal !important;
+  }
+
+  .sm\:mix-multiply {
+    mix-blend-mode: multiply !important;
+  }
+
+  .sm\:mix-screen {
+    mix-blend-mode: screen !important;
+  }
+
+  .sm\:mix-overlay {
+    mix-blend-mode: overlay !important;
+  }
+
+  .sm\:mix-darken {
+    mix-blend-mode: darken !important;
+  }
+
+  .sm\:mix-lighten {
+    mix-blend-mode: lighten !important;
+  }
+
+  .sm\:mix-color-dodge {
+    mix-blend-mode: color-dodge !important;
+  }
+
+  .sm\:mix-color-burn {
+    mix-blend-mode: color-burn !important;
+  }
+
+  .sm\:mix-hard-light {
+    mix-blend-mode: hard-light !important;
+  }
+
+  .sm\:mix-soft-light {
+    mix-blend-mode: soft-light !important;
+  }
+
+  .sm\:mix-difference {
+    mix-blend-mode: difference !important;
+  }
+
+  .sm\:mix-exclusion {
+    mix-blend-mode: exclusion !important;
+  }
+
+  .sm\:mix-hue {
+    mix-blend-mode: hue !important;
+  }
+
+  .sm\:mix-saturation {
+    mix-blend-mode: saturation !important;
+  }
+
+  .sm\:mix-color {
+    mix-blend-mode: color !important;
+  }
+
+  .sm\:mix-luminosity {
+    mix-blend-mode: luminosity !important;
+  }
+
   .sm\:example {
     font-weight: 700;
     color: #ef4444;
@@ -86270,6 +86398,70 @@ video {
     animation: bounce 1s infinite !important;
   }
 
+  .md\:mix-normal {
+    mix-blend-mode: normal !important;
+  }
+
+  .md\:mix-multiply {
+    mix-blend-mode: multiply !important;
+  }
+
+  .md\:mix-screen {
+    mix-blend-mode: screen !important;
+  }
+
+  .md\:mix-overlay {
+    mix-blend-mode: overlay !important;
+  }
+
+  .md\:mix-darken {
+    mix-blend-mode: darken !important;
+  }
+
+  .md\:mix-lighten {
+    mix-blend-mode: lighten !important;
+  }
+
+  .md\:mix-color-dodge {
+    mix-blend-mode: color-dodge !important;
+  }
+
+  .md\:mix-color-burn {
+    mix-blend-mode: color-burn !important;
+  }
+
+  .md\:mix-hard-light {
+    mix-blend-mode: hard-light !important;
+  }
+
+  .md\:mix-soft-light {
+    mix-blend-mode: soft-light !important;
+  }
+
+  .md\:mix-difference {
+    mix-blend-mode: difference !important;
+  }
+
+  .md\:mix-exclusion {
+    mix-blend-mode: exclusion !important;
+  }
+
+  .md\:mix-hue {
+    mix-blend-mode: hue !important;
+  }
+
+  .md\:mix-saturation {
+    mix-blend-mode: saturation !important;
+  }
+
+  .md\:mix-color {
+    mix-blend-mode: color !important;
+  }
+
+  .md\:mix-luminosity {
+    mix-blend-mode: luminosity !important;
+  }
+
   .md\:example {
     font-weight: 700;
     color: #ef4444;
@@ -114835,6 +115027,70 @@ video {
     animation: bounce 1s infinite !important;
   }
 
+  .lg\:mix-normal {
+    mix-blend-mode: normal !important;
+  }
+
+  .lg\:mix-multiply {
+    mix-blend-mode: multiply !important;
+  }
+
+  .lg\:mix-screen {
+    mix-blend-mode: screen !important;
+  }
+
+  .lg\:mix-overlay {
+    mix-blend-mode: overlay !important;
+  }
+
+  .lg\:mix-darken {
+    mix-blend-mode: darken !important;
+  }
+
+  .lg\:mix-lighten {
+    mix-blend-mode: lighten !important;
+  }
+
+  .lg\:mix-color-dodge {
+    mix-blend-mode: color-dodge !important;
+  }
+
+  .lg\:mix-color-burn {
+    mix-blend-mode: color-burn !important;
+  }
+
+  .lg\:mix-hard-light {
+    mix-blend-mode: hard-light !important;
+  }
+
+  .lg\:mix-soft-light {
+    mix-blend-mode: soft-light !important;
+  }
+
+  .lg\:mix-difference {
+    mix-blend-mode: difference !important;
+  }
+
+  .lg\:mix-exclusion {
+    mix-blend-mode: exclusion !important;
+  }
+
+  .lg\:mix-hue {
+    mix-blend-mode: hue !important;
+  }
+
+  .lg\:mix-saturation {
+    mix-blend-mode: saturation !important;
+  }
+
+  .lg\:mix-color {
+    mix-blend-mode: color !important;
+  }
+
+  .lg\:mix-luminosity {
+    mix-blend-mode: luminosity !important;
+  }
+
   .lg\:example {
     font-weight: 700;
     color: #ef4444;
@@ -143400,6 +143656,70 @@ video {
     animation: bounce 1s infinite !important;
   }
 
+  .xl\:mix-normal {
+    mix-blend-mode: normal !important;
+  }
+
+  .xl\:mix-multiply {
+    mix-blend-mode: multiply !important;
+  }
+
+  .xl\:mix-screen {
+    mix-blend-mode: screen !important;
+  }
+
+  .xl\:mix-overlay {
+    mix-blend-mode: overlay !important;
+  }
+
+  .xl\:mix-darken {
+    mix-blend-mode: darken !important;
+  }
+
+  .xl\:mix-lighten {
+    mix-blend-mode: lighten !important;
+  }
+
+  .xl\:mix-color-dodge {
+    mix-blend-mode: color-dodge !important;
+  }
+
+  .xl\:mix-color-burn {
+    mix-blend-mode: color-burn !important;
+  }
+
+  .xl\:mix-hard-light {
+    mix-blend-mode: hard-light !important;
+  }
+
+  .xl\:mix-soft-light {
+    mix-blend-mode: soft-light !important;
+  }
+
+  .xl\:mix-difference {
+    mix-blend-mode: difference !important;
+  }
+
+  .xl\:mix-exclusion {
+    mix-blend-mode: exclusion !important;
+  }
+
+  .xl\:mix-hue {
+    mix-blend-mode: hue !important;
+  }
+
+  .xl\:mix-saturation {
+    mix-blend-mode: saturation !important;
+  }
+
+  .xl\:mix-color {
+    mix-blend-mode: color !important;
+  }
+
+  .xl\:mix-luminosity {
+    mix-blend-mode: luminosity !important;
+  }
+
   .xl\:example {
     font-weight: 700;
     color: #ef4444;
@@ -171965,6 +172285,70 @@ video {
     animation: bounce 1s infinite !important;
   }
 
+  .\32xl\:mix-normal {
+    mix-blend-mode: normal !important;
+  }
+
+  .\32xl\:mix-multiply {
+    mix-blend-mode: multiply !important;
+  }
+
+  .\32xl\:mix-screen {
+    mix-blend-mode: screen !important;
+  }
+
+  .\32xl\:mix-overlay {
+    mix-blend-mode: overlay !important;
+  }
+
+  .\32xl\:mix-darken {
+    mix-blend-mode: darken !important;
+  }
+
+  .\32xl\:mix-lighten {
+    mix-blend-mode: lighten !important;
+  }
+
+  .\32xl\:mix-color-dodge {
+    mix-blend-mode: color-dodge !important;
+  }
+
+  .\32xl\:mix-color-burn {
+    mix-blend-mode: color-burn !important;
+  }
+
+  .\32xl\:mix-hard-light {
+    mix-blend-mode: hard-light !important;
+  }
+
+  .\32xl\:mix-soft-light {
+    mix-blend-mode: soft-light !important;
+  }
+
+  .\32xl\:mix-difference {
+    mix-blend-mode: difference !important;
+  }
+
+  .\32xl\:mix-exclusion {
+    mix-blend-mode: exclusion !important;
+  }
+
+  .\32xl\:mix-hue {
+    mix-blend-mode: hue !important;
+  }
+
+  .\32xl\:mix-saturation {
+    mix-blend-mode: saturation !important;
+  }
+
+  .\32xl\:mix-color {
+    mix-blend-mode: color !important;
+  }
+
+  .\32xl\:mix-luminosity {
+    mix-blend-mode: luminosity !important;
+  }
+
   .\32xl\:example {
     font-weight: 700;
     color: #ef4444;
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index a04be9a314ed..5833ec5ef574 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -26585,6 +26585,70 @@ video {
   animation: bounce 1s infinite;
 }
 
+.mix-normal {
+  mix-blend-mode: normal;
+}
+
+.mix-multiply {
+  mix-blend-mode: multiply;
+}
+
+.mix-screen {
+  mix-blend-mode: screen;
+}
+
+.mix-overlay {
+  mix-blend-mode: overlay;
+}
+
+.mix-darken {
+  mix-blend-mode: darken;
+}
+
+.mix-lighten {
+  mix-blend-mode: lighten;
+}
+
+.mix-color-dodge {
+  mix-blend-mode: color-dodge;
+}
+
+.mix-color-burn {
+  mix-blend-mode: color-burn;
+}
+
+.mix-hard-light {
+  mix-blend-mode: hard-light;
+}
+
+.mix-soft-light {
+  mix-blend-mode: soft-light;
+}
+
+.mix-difference {
+  mix-blend-mode: difference;
+}
+
+.mix-exclusion {
+  mix-blend-mode: exclusion;
+}
+
+.mix-hue {
+  mix-blend-mode: hue;
+}
+
+.mix-saturation {
+  mix-blend-mode: saturation;
+}
+
+.mix-color {
+  mix-blend-mode: color;
+}
+
+.mix-luminosity {
+  mix-blend-mode: luminosity;
+}
+
 .example {
   font-weight: 700;
   color: #ef4444;
@@ -52593,6 +52657,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .sm\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .sm\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .sm\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .sm\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .sm\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .sm\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .sm\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .sm\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .sm\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .sm\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .sm\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .sm\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .sm\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .sm\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .sm\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .sm\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .sm\:example {
     font-weight: 700;
     color: #ef4444;
@@ -78602,6 +78730,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .md\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .md\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .md\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .md\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .md\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .md\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .md\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .md\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .md\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .md\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .md\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .md\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .md\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .md\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .md\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .md\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .md\:example {
     font-weight: 700;
     color: #ef4444;
@@ -104611,6 +104803,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .lg\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .lg\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .lg\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .lg\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .lg\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .lg\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .lg\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .lg\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .lg\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .lg\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .lg\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .lg\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .lg\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .lg\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .lg\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .lg\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .lg\:example {
     font-weight: 700;
     color: #ef4444;
@@ -130620,6 +130876,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .xl\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .xl\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .xl\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .xl\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .xl\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .xl\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .xl\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .xl\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .xl\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .xl\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .xl\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .xl\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .xl\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .xl\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .xl\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .xl\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .xl\:example {
     font-weight: 700;
     color: #ef4444;
@@ -156629,6 +156949,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .\32xl\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .\32xl\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .\32xl\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .\32xl\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .\32xl\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .\32xl\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .\32xl\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .\32xl\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .\32xl\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .\32xl\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .\32xl\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .\32xl\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .\32xl\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .\32xl\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .\32xl\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .\32xl\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .\32xl\:example {
     font-weight: 700;
     color: #ef4444;
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 604473b32b82..3ca58addb6c0 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -29141,6 +29141,70 @@ video {
   animation: bounce 1s infinite;
 }
 
+.mix-normal {
+  mix-blend-mode: normal;
+}
+
+.mix-multiply {
+  mix-blend-mode: multiply;
+}
+
+.mix-screen {
+  mix-blend-mode: screen;
+}
+
+.mix-overlay {
+  mix-blend-mode: overlay;
+}
+
+.mix-darken {
+  mix-blend-mode: darken;
+}
+
+.mix-lighten {
+  mix-blend-mode: lighten;
+}
+
+.mix-color-dodge {
+  mix-blend-mode: color-dodge;
+}
+
+.mix-color-burn {
+  mix-blend-mode: color-burn;
+}
+
+.mix-hard-light {
+  mix-blend-mode: hard-light;
+}
+
+.mix-soft-light {
+  mix-blend-mode: soft-light;
+}
+
+.mix-difference {
+  mix-blend-mode: difference;
+}
+
+.mix-exclusion {
+  mix-blend-mode: exclusion;
+}
+
+.mix-hue {
+  mix-blend-mode: hue;
+}
+
+.mix-saturation {
+  mix-blend-mode: saturation;
+}
+
+.mix-color {
+  mix-blend-mode: color;
+}
+
+.mix-luminosity {
+  mix-blend-mode: luminosity;
+}
+
 .example {
   font-weight: 700;
   color: #ef4444;
@@ -57705,6 +57769,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .sm\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .sm\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .sm\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .sm\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .sm\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .sm\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .sm\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .sm\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .sm\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .sm\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .sm\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .sm\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .sm\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .sm\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .sm\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .sm\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .sm\:example {
     font-weight: 700;
     color: #ef4444;
@@ -86270,6 +86398,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .md\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .md\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .md\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .md\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .md\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .md\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .md\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .md\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .md\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .md\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .md\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .md\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .md\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .md\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .md\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .md\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .md\:example {
     font-weight: 700;
     color: #ef4444;
@@ -114835,6 +115027,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .lg\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .lg\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .lg\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .lg\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .lg\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .lg\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .lg\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .lg\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .lg\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .lg\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .lg\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .lg\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .lg\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .lg\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .lg\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .lg\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .lg\:example {
     font-weight: 700;
     color: #ef4444;
@@ -143400,6 +143656,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .xl\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .xl\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .xl\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .xl\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .xl\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .xl\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .xl\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .xl\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .xl\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .xl\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .xl\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .xl\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .xl\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .xl\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .xl\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .xl\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .xl\:example {
     font-weight: 700;
     color: #ef4444;
@@ -171965,6 +172285,70 @@ video {
     animation: bounce 1s infinite;
   }
 
+  .\32xl\:mix-normal {
+    mix-blend-mode: normal;
+  }
+
+  .\32xl\:mix-multiply {
+    mix-blend-mode: multiply;
+  }
+
+  .\32xl\:mix-screen {
+    mix-blend-mode: screen;
+  }
+
+  .\32xl\:mix-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .\32xl\:mix-darken {
+    mix-blend-mode: darken;
+  }
+
+  .\32xl\:mix-lighten {
+    mix-blend-mode: lighten;
+  }
+
+  .\32xl\:mix-color-dodge {
+    mix-blend-mode: color-dodge;
+  }
+
+  .\32xl\:mix-color-burn {
+    mix-blend-mode: color-burn;
+  }
+
+  .\32xl\:mix-hard-light {
+    mix-blend-mode: hard-light;
+  }
+
+  .\32xl\:mix-soft-light {
+    mix-blend-mode: soft-light;
+  }
+
+  .\32xl\:mix-difference {
+    mix-blend-mode: difference;
+  }
+
+  .\32xl\:mix-exclusion {
+    mix-blend-mode: exclusion;
+  }
+
+  .\32xl\:mix-hue {
+    mix-blend-mode: hue;
+  }
+
+  .\32xl\:mix-saturation {
+    mix-blend-mode: saturation;
+  }
+
+  .\32xl\:mix-color {
+    mix-blend-mode: color;
+  }
+
+  .\32xl\:mix-luminosity {
+    mix-blend-mode: luminosity;
+  }
+
   .\32xl\:example {
     font-weight: 700;
     color: #ef4444;
diff --git a/jit/corePlugins/index.js b/jit/corePlugins/index.js
index 33bb94f2c9ee..fb9c6f80de6f 100644
--- a/jit/corePlugins/index.js
+++ b/jit/corePlugins/index.js
@@ -282,6 +282,7 @@ module.exports = {
   placeholderOpacity: require('./placeholderOpacity'),
 
   opacity: require('./opacity'),
+  mixBlendMode: require('./mixBlendMode'),
   boxShadow: require('./boxShadow'),
   outline: require('./outline'),
   ringWidth: require('./ringWidth'),
diff --git a/jit/corePlugins/mixBlendMode.js b/jit/corePlugins/mixBlendMode.js
new file mode 100644
index 000000000000..7eba2c3e26c4
--- /dev/null
+++ b/jit/corePlugins/mixBlendMode.js
@@ -0,0 +1 @@
+module.exports = require('../../lib/plugins/mixBlendMode').default()
diff --git a/jit/tests/basic-usage.test.css b/jit/tests/basic-usage.test.css
index ea3eb98a3781..7c4b83c4977e 100644
--- a/jit/tests/basic-usage.test.css
+++ b/jit/tests/basic-usage.test.css
@@ -576,6 +576,12 @@
 .opacity-90 {
   opacity: 0.9;
 }
+.mix-multiply {
+  mix-blend-mode: multiply;
+}
+.mix-saturation {
+  mix-blend-mode: saturation;
+}
 .shadow-md {
   --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
diff --git a/jit/tests/basic-usage.test.html b/jit/tests/basic-usage.test.html
index 5289c1e50d68..be32ed3cb44b 100644
--- a/jit/tests/basic-usage.test.html
+++ b/jit/tests/basic-usage.test.html
@@ -88,6 +88,7 @@
     <div class="object-cover"></div>
     <div class="object-bottom"></div>
     <div class="opacity-90"></div>
+    <div class="mix-multiply mix-saturation"></div>
     <div class="order-last order-2"></div>
     <div class="outline-none outline-black"></div>
     <div class="overflow-hidden"></div>
diff --git a/src/corePluginList.js b/src/corePluginList.js
index 07dd33ebbfae..b52ee346bfea 100644
--- a/src/corePluginList.js
+++ b/src/corePluginList.js
@@ -120,4 +120,5 @@ export const corePluginList = [
   'transitionDuration',
   'transitionDelay',
   'animation',
+  'mixBlendMode',
 ]
diff --git a/src/plugins/index.js b/src/plugins/index.js
index 8844f40b5a0e..ffb6bd4ed5ae 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.js
@@ -70,6 +70,7 @@ export { default as maxHeight } from './maxHeight'
 export { default as maxWidth } from './maxWidth'
 export { default as minHeight } from './minHeight'
 export { default as minWidth } from './minWidth'
+export { default as mixBlendMode } from './mixBlendMode'
 export { default as objectFit } from './objectFit'
 export { default as objectPosition } from './objectPosition'
 export { default as opacity } from './opacity'
diff --git a/src/plugins/mixBlendMode.js b/src/plugins/mixBlendMode.js
new file mode 100644
index 000000000000..120d5f089faa
--- /dev/null
+++ b/src/plugins/mixBlendMode.js
@@ -0,0 +1,25 @@
+export default function () {
+  return function ({ addUtilities, variants }) {
+    addUtilities(
+      {
+        '.mix-normal': { 'mix-blend-mode': 'normal' },
+        '.mix-multiply': { 'mix-blend-mode': 'multiply' },
+        '.mix-screen': { 'mix-blend-mode': 'screen' },
+        '.mix-overlay': { 'mix-blend-mode': 'overlay' },
+        '.mix-darken': { 'mix-blend-mode': 'darken' },
+        '.mix-lighten': { 'mix-blend-mode': 'lighten' },
+        '.mix-color-dodge': { 'mix-blend-mode': 'color-dodge' },
+        '.mix-color-burn': { 'mix-blend-mode': 'color-burn' },
+        '.mix-hard-light': { 'mix-blend-mode': 'hard-light' },
+        '.mix-soft-light': { 'mix-blend-mode': 'soft-light' },
+        '.mix-difference': { 'mix-blend-mode': 'difference' },
+        '.mix-exclusion': { 'mix-blend-mode': 'exclusion' },
+        '.mix-hue': { 'mix-blend-mode': 'hue' },
+        '.mix-saturation': { 'mix-blend-mode': 'saturation' },
+        '.mix-color': { 'mix-blend-mode': 'color' },
+        '.mix-luminosity': { 'mix-blend-mode': 'luminosity' },
+      },
+      variants('mixBlendMode')
+    )
+  }
+}
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index 40a4d82c8cfe..dd3ac35d3976 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -805,6 +805,7 @@ module.exports = {
     maxWidth: ['responsive'],
     minHeight: ['responsive'],
     minWidth: ['responsive'],
+    mixBlendMode: ['responsive'],
     objectFit: ['responsive'],
     objectPosition: ['responsive'],
     opacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],