diff --git a/packages/tailwindcss-language-service/src/util/color.ts b/packages/tailwindcss-language-service/src/util/color.ts
index ec4a4cbb81b0df58e79f4551cfd2bc617dff6e90..4c4ca2bc77bd908013dcf97decfb99c0340e8e25 100644
--- a/packages/tailwindcss-language-service/src/util/color.ts
+++ b/packages/tailwindcss-language-service/src/util/color.ts
@@ -51,10 +51,18 @@
 function getColorsInString(str: string): (culori.Color | KeywordColor)[] {
   if (/(?:box|drop)-shadow/.test(str)) return []
 
-  return Array.from(str.matchAll(colorRegex), (match) => {
-    let color = match[1].replace(/var\([^)]+\)/, '1')
-    return getKeywordColor(color) ?? culori.parse(color)
-  }).filter(Boolean)
+  return (
+    str
+      .match(colorRegex)
+      ?.map((color) =>
+        color
+          .trim()
+          .replace(/^[,(]|[,)]$/g, '')
+          .replace(/var\([^)]+\)/, '1')
+      )
+      .map((color) => getKeywordColor(color) ?? culori.parse(color))
+      .filter(Boolean) ?? []
+  )
 }
 
 function getColorFromDecls(