aestheticcolours

Tailwind palette

The yellow palette

An 11-step yellow 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#FDF5DF
100#F8E6BA
200#F5D17C
300#EAB308
400#CB9A00
500#A98000
600#8E6A00
700#795800
800#614400
900#513700
950#251700
tailwind.config — v4@theme
@theme {
  --color-yellow-50: #fdf5df;
  --color-yellow-100: #f8e6ba;
  --color-yellow-200: #f5d17c;
  --color-yellow-300: #eab308;
  --color-yellow-400: #cb9a00;
  --color-yellow-500: #a98000;
  --color-yellow-600: #8e6a00;
  --color-yellow-700: #795800;
  --color-yellow-800: #614400;
  --color-yellow-900: #513700;
  --color-yellow-950: #251700;
}
Open in the generatorAll colour palettes

More palettes