aestheticcolours

Tailwind palette

The stone palette

An 11-step stone 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#F6F5F4
100#E9E7E5
200#D9D4D1
300#C0BAB5
400#A9A19B
500#8D8680
600#78716C
700#635D59
800#4D4946
900#3F3C3A
950#1C1A19
tailwind.config — v4@theme
@theme {
  --color-stone-50: #f6f5f4;
  --color-stone-100: #e9e7e5;
  --color-stone-200: #d9d4d1;
  --color-stone-300: #c0bab5;
  --color-stone-400: #a9a19b;
  --color-stone-500: #8d8680;
  --color-stone-600: #78716c;
  --color-stone-700: #635d59;
  --color-stone-800: #4d4946;
  --color-stone-900: #3f3c3a;
  --color-stone-950: #1c1a19;
}
Open in the generatorAll colour palettes

More palettes