aestheticcolours

Tailwind palette

The orange palette

An 11-step orange 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#FFF3EC
100#FFE0D0
200#FFC7AB
300#FFA06F
400#F97316
500#D65F00
600#B44D00
700#9B3D00
800#79310E
900#612A14
950#2F0F04
tailwind.config — v4@theme
@theme {
  --color-orange-50: #fff3ec;
  --color-orange-100: #ffe0d0;
  --color-orange-200: #ffc7ab;
  --color-orange-300: #ffa06f;
  --color-orange-400: #f97316;
  --color-orange-500: #d65f00;
  --color-orange-600: #b44d00;
  --color-orange-700: #9b3d00;
  --color-orange-800: #79310e;
  --color-orange-900: #612a14;
  --color-orange-950: #2f0f04;
}
Open in the generatorAll colour palettes

More palettes