A utility-first CSS framework for rapid UI development.
Add mauve, olive, mist, and taupe color palettes (#19627)
## Summary This PR adds four new neutral color palettes to Tailwind CSS: `mauve`, `olive`, `mist`, and `taupe`. Each palette includes 11 shades (50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950) defined using the OKLch color space for perceptually uniform color transitions. These new palettes expand the available neutral color options beyond the existing stone, slate, gray, zinc, and neutral palettes, providing designers with more nuanced choices for different design systems and brand aesthetics. The changes include: - Added color definitions to `packages/tailwindcss/src/compat/colors.ts` - Added corresponding CSS custom properties to `packages/tailwindcss/theme.css` ## Test plan To verify these changes: 1. Build the project and ensure no compilation errors occur 2. Verify that the new color palettes are available in the Tailwind config 3. Test that utilities like `bg-mauve-500`, `text-olive-600`, `border-mist-300`, and `ring-taupe-400` work correctly 4. Confirm that the colors render with proper OKLch values in the browser https://claude.ai/code/session_01QhC1ZYkW3pCd55WbbqYBNV --------- Co-authored-by: Claude <noreply@anthropic.com> Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> Co-authored-by: Robin Malfait <malfait.robin@gmail.com>
A
Adam Wathan committed
d0a56128721b7be01703b7879056f38443239fc5
Parent: d9fff9f
Committed by GitHub <noreply@github.com>
on 2/18/2026, 10:52:35 AM