aestheticcolours

Tailwind palette

The amber palette

An 11-step amber 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#FFF4E5
100#FFE2C0
200#FFCA8B
300#F59E0B
400#DE8E00
500#BA7600
600#9C6100
700#865000
800#6B3E00
900#593200
950#2A1400
tailwind.config — v4@theme
@theme {
  --color-amber-50: #fff4e5;
  --color-amber-100: #ffe2c0;
  --color-amber-200: #ffca8b;
  --color-amber-300: #f59e0b;
  --color-amber-400: #de8e00;
  --color-amber-500: #ba7600;
  --color-amber-600: #9c6100;
  --color-amber-700: #865000;
  --color-amber-800: #6b3e00;
  --color-amber-900: #593200;
  --color-amber-950: #2a1400;
}
Open in the generatorAll colour palettes

More palettes