From a0f7788530aa368a6368ed095967b30e64454e5d Mon Sep 17 00:00:00 2001
From: virtual machine <virtualmachine@virtuals-Virtual-Machine.local>
Date: Fri, 20 Mar 2026 23:08:24 -0500
Subject: [PATCH] Fix: Set neutral, zinc, and stone color palettes to use
 'none' for Hue in OKLCH

This fixes the Abney Effect and hue-shifting issue when mixing neutral colors
with other colors using color-mix() in OKLCH space.

Neutral colors should have their Hue component set to 'none' (powerless) to
ensure that when mixed with other colors, the hue of the non-neutral color
is preserved, resulting in a natural desaturation rather than a hue shift.

Fixes #19830
---
 packages/tailwindcss/src/compat/colors.ts | 26 +++++++++++------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/tailwindcss/src/compat/colors.ts b/packages/tailwindcss/src/compat/colors.ts
index a1d162c54b06..32afccc88f22 100644
--- a/packages/tailwindcss/src/compat/colors.ts
+++ b/packages/tailwindcss/src/compat/colors.ts
@@ -31,7 +31,7 @@ export default {
     '950': 'oklch(13% 0.028 261.692)',
   },
   zinc: {
-    '50': 'oklch(98.5% 0 0)',
+    '50': 'oklch(98.5% none none)',
     '100': 'oklch(96.7% 0.001 286.375)',
     '200': 'oklch(92% 0.004 286.32)',
     '300': 'oklch(87.1% 0.006 286.286)',
@@ -44,17 +44,17 @@ export default {
     '950': 'oklch(14.1% 0.005 285.823)',
   },
   neutral: {
-    '50': 'oklch(98.5% 0 0)',
-    '100': 'oklch(97% 0 0)',
-    '200': 'oklch(92.2% 0 0)',
-    '300': 'oklch(87% 0 0)',
-    '400': 'oklch(70.8% 0 0)',
-    '500': 'oklch(55.6% 0 0)',
-    '600': 'oklch(43.9% 0 0)',
-    '700': 'oklch(37.1% 0 0)',
-    '800': 'oklch(26.9% 0 0)',
-    '900': 'oklch(20.5% 0 0)',
-    '950': 'oklch(14.5% 0 0)',
+    '50': 'oklch(98.5% none none)',
+    '100': 'oklch(97% none none)',
+    '200': 'oklch(92.2% none none)',
+    '300': 'oklch(87% none none)',
+    '400': 'oklch(70.8% none none)',
+    '500': 'oklch(55.6% none none)',
+    '600': 'oklch(43.9% none none)',
+    '700': 'oklch(37.1% none none)',
+    '800': 'oklch(26.9% none none)',
+    '900': 'oklch(20.5% none none)',
+    '950': 'oklch(14.5% none none)',
   },
   stone: {
     '50': 'oklch(98.5% 0.001 106.423)',
@@ -70,7 +70,7 @@ export default {
     '950': 'oklch(14.7% 0.004 49.25)',
   },
   mauve: {
-    '50': 'oklch(98.5% 0 0)',
+    '50': 'oklch(98.5% none none)',
     '100': 'oklch(96% 0.003 325.6)',
     '200': 'oklch(92.2% 0.005 325.62)',
     '300': 'oklch(86.5% 0.012 325.68)',