aestheticcolours

Tailwind palette

The indigo palette

An 11-step indigo 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#F3F5FF
100#E2E6FF
200#CBD2FF
300#AAB5FF
400#8C97FF
500#6366F1
600#575EDB
700#4752B2
800#354289
900#2B386C
950#101736
tailwind.config — v4@theme
@theme {
  --color-indigo-50: #f3f5ff;
  --color-indigo-100: #e2e6ff;
  --color-indigo-200: #cbd2ff;
  --color-indigo-300: #aab5ff;
  --color-indigo-400: #8c97ff;
  --color-indigo-500: #6366f1;
  --color-indigo-600: #575edb;
  --color-indigo-700: #4752b2;
  --color-indigo-800: #354289;
  --color-indigo-900: #2b386c;
  --color-indigo-950: #101736;
}
Open in the generatorAll colour palettes

More palettes