Tailwind CSS 4.3.3
Tailwind mist 11 shades, 50 to 950
Every current mist 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
mist: current colors
11 shades with exact official OKLCH values. Use bg-mist-500, text-mist-500 or border-mist-500 in Tailwind. Wide-gamut colors are preserved; these are not the v3 hex values.
| Color | Exact OKLCH | CSS variable |
|---|---|---|
| mist-50 | oklch(98.7% 0.002 197.1) | --color-mist-50 |
| mist-100 | oklch(96.3% 0.002 197.1) | --color-mist-100 |
| mist-200 | oklch(92.5% 0.005 214.3) | --color-mist-200 |
| mist-300 | oklch(87.2% 0.007 219.6) | --color-mist-300 |
| mist-400 | oklch(72.3% 0.014 214.4) | --color-mist-400 |
| mist-500 | oklch(56% 0.021 213.5) | --color-mist-500 |
| mist-600 | oklch(45% 0.017 213.2) | --color-mist-600 |
| mist-700 | oklch(37.8% 0.015 216) | --color-mist-700 |
| mist-800 | oklch(27.5% 0.011 216.9) | --color-mist-800 |
| mist-900 | oklch(21.8% 0.008 223.9) | --color-mist-900 |
| mist-950 | oklch(14.8% 0.004 228.8) | --color-mist-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.