Tailwind CSS 4.3.3
Tailwind mauve 11 shades, 50 to 950
Every current mauve shade, preserved in its native OKLCH color space. This family is available in Tailwind v4.2 and later; it is not part of the v3 palette.
- Shades
- 11
- Version
- 4.3.3
Tailwind CSS 4.3.3
mauve: current colors
11 shades with exact official OKLCH values. Use bg-mauve-500, text-mauve-500 or border-mauve-500 in Tailwind. Wide-gamut colors are preserved; these are not the v3 hex values.
| Color | Exact OKLCH | CSS variable |
|---|---|---|
| mauve-50 | oklch(98.5% 0 none) | --color-mauve-50 |
| mauve-100 | oklch(96% 0.003 325.6) | --color-mauve-100 |
| mauve-200 | oklch(92.2% 0.005 325.62) | --color-mauve-200 |
| mauve-300 | oklch(86.5% 0.012 325.68) | --color-mauve-300 |
| mauve-400 | oklch(71.1% 0.019 323.02) | --color-mauve-400 |
| mauve-500 | oklch(54.2% 0.034 322.5) | --color-mauve-500 |
| mauve-600 | oklch(43.5% 0.029 321.78) | --color-mauve-600 |
| mauve-700 | oklch(36.4% 0.029 323.89) | --color-mauve-700 |
| mauve-800 | oklch(26.3% 0.024 320.12) | --color-mauve-800 |
| mauve-900 | oklch(21.2% 0.019 322.12) | --color-mauve-900 |
| mauve-950 | oklch(14.5% 0.008 326) | --color-mauve-950 |
Source: Tailwind CSS 4.3.3 theme.css (MIT). Values are pinned to this release. For Tailwind v3 projects, configure these colors explicitly; they are not built in.