diff --git a/src/corePlugins.js b/src/corePlugins.js
index 1da6b0e19..e623500db 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -1670,7 +1670,7 @@ export let corePlugins = {
           return { 'text-decoration-color': toColorValue(value) }
         },
       },
-      { values: flattenColorPalette(theme('textDecorationColor')), type: ['color', 'any'] }
+      { values: flattenColorPalette(theme('textDecorationColor')), type: ['color'] }
     )
   },
 
diff --git a/tests/arbitrary-values.test.css b/tests/arbitrary-values.test.css
index 8e7bcc053..36a032c7f 100644
--- a/tests/arbitrary-values.test.css
+++ b/tests/arbitrary-values.test.css
@@ -822,9 +822,6 @@
 .decoration-\[color\:var\(--color\)\] {
   text-decoration-color: var(--color);
 }
-.decoration-\[var\(--color\)\] {
-  text-decoration-color: var(--color);
-}
 .decoration-\[length\:10px\] {
   text-decoration-thickness: 10px;
 }
diff --git a/tests/arbitrary-values.test.html b/tests/arbitrary-values.test.html
index 32bc60248..de189af4e 100644
--- a/tests/arbitrary-values.test.html
+++ b/tests/arbitrary-values.test.html
@@ -303,7 +303,6 @@
     <div class="decoration-[rgb(123,_123,_123)]"></div>
     <div class="decoration-[rgb(123_123_123)]"></div>
     <div class="decoration-[color:var(--color)]"></div>
-    <div class="decoration-[var(--color)]"></div>
 
     <div class="decoration-[length:10px]"></div>
 
diff --git a/tests/arbitrary-values.test.js b/tests/arbitrary-values.test.js
index 7856a3b24..db9890e98 100644
--- a/tests/arbitrary-values.test.js
+++ b/tests/arbitrary-values.test.js
@@ -16,6 +16,28 @@ test('arbitrary values', () => {
   })
 })
 
+it('should be possible to differentiate between decoration utilities', () => {
+  let config = {
+    content: [
+      {
+        raw: html` <div class="decoration-[3px] decoration-[#ccc]"></div> `,
+      },
+    ],
+  }
+
+  return run('@tailwind utilities', config).then((result) => {
+    return expect(result.css).toMatchFormattedCss(css`
+      .decoration-\[\#ccc\] {
+        text-decoration-color: #ccc;
+      }
+
+      .decoration-\[3px\] {
+        text-decoration-thickness: 3px;
+      }
+    `)
+  })
+})
+
 it('should support modifiers for arbitrary values that contain the separator', () => {
   let config = {
     content: [