Tailwind palette

The taupe palette

An 11-step taupe 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#F7F5F3
100#EAE7E2
200#DBD4CC
300#C3BAAE
400#ACA093
500#8A7F72
600#796F63
700#655D54
800#4F4942
900#413C37
950#1D1A17
tailwind.config — v4@theme
@theme {
  --color-taupe-50: #f7f5f3;
  --color-taupe-100: #eae7e2;
  --color-taupe-200: #dbd4cc;
  --color-taupe-300: #c3baae;
  --color-taupe-400: #aca093;
  --color-taupe-500: #8a7f72;
  --color-taupe-600: #796f63;
  --color-taupe-700: #655d54;
  --color-taupe-800: #4f4942;
  --color-taupe-900: #413c37;
  --color-taupe-950: #1d1a17;
}
Open in the generatorAll colour palettes

More palettes