Tailwind CSS 4.3.3
Tailwind taupe 11 shades, 50 to 950
Every current taupe 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
taupe: current colors
11 shades with exact official OKLCH values. Use bg-taupe-500, text-taupe-500 or border-taupe-500 in Tailwind. Wide-gamut colors are preserved; these are not the v3 hex values.
| Color | Exact OKLCH | CSS variable |
|---|---|---|
| taupe-50 | oklch(98.6% 0.002 67.8) | --color-taupe-50 |
| taupe-100 | oklch(96% 0.002 17.2) | --color-taupe-100 |
| taupe-200 | oklch(92.2% 0.005 34.3) | --color-taupe-200 |
| taupe-300 | oklch(86.8% 0.007 39.5) | --color-taupe-300 |
| taupe-400 | oklch(71.4% 0.014 41.2) | --color-taupe-400 |
| taupe-500 | oklch(54.7% 0.021 43.1) | --color-taupe-500 |
| taupe-600 | oklch(43.8% 0.017 39.3) | --color-taupe-600 |
| taupe-700 | oklch(36.7% 0.016 35.7) | --color-taupe-700 |
| taupe-800 | oklch(26.8% 0.011 36.5) | --color-taupe-800 |
| taupe-900 | oklch(21.4% 0.009 43.1) | --color-taupe-900 |
| taupe-950 | oklch(14.7% 0.004 49.3) | --color-taupe-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.