diff --git a/packages/framer-motion/src/utils/mix/complex.ts b/packages/framer-motion/src/utils/mix/complex.ts
index 3d11707b33..ebe6818c0a 100644
--- a/packages/framer-motion/src/utils/mix/complex.ts
+++ b/packages/framer-motion/src/utils/mix/complex.ts
@@ -37,7 +37,7 @@ export function getMixer<T>(a: T) {
     } else if (Array.isArray(a)) {
         return mixArray
     } else if (typeof a === "object") {
-        return mixObject
+        return color.test(a) ? mixColor : mixObject
     }
 
     return mixImmediate