aestheticcolours

Tailwind palette

The mist palette

An 11-step mist ramp generated in OKLCH for perceptually even lightness steps, gamut-mapped to sRGB. Copy the Tailwind v4 config below and drop it straight into your project.

50#F4F6F7
100#E4E8EB
200#CFD6DC
300#B2BDC4
400#9AA7B0
500#7D8992
600#67727A
700#576066
800#444B4F
900#383E41
950#181B1D
tailwind.config — v4@theme
@theme {
  --color-mist-50: #f4f6f7;
  --color-mist-100: #e4e8eb;
  --color-mist-200: #cfd6dc;
  --color-mist-300: #b2bdc4;
  --color-mist-400: #9aa7b0;
  --color-mist-500: #7d8992;
  --color-mist-600: #67727a;
  --color-mist-700: #576066;
  --color-mist-800: #444b4f;
  --color-mist-900: #383e41;
  --color-mist-950: #181b1d;
}
Open in the generatorAll colour palettes

More palettes