aestheticcolours

Tailwind palette

The blue palette

An 11-step blue 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#F1F6FF
100#DBE8FF
200#BED6FF
300#93BCFF
400#68A2FF
500#3B82F6
600#276CD3
700#215DAB
800#194A83
900#193D68
950#041B34
tailwind.config — v4@theme
@theme {
  --color-blue-50: #f1f6ff;
  --color-blue-100: #dbe8ff;
  --color-blue-200: #bed6ff;
  --color-blue-300: #93bcff;
  --color-blue-400: #68a2ff;
  --color-blue-500: #3b82f6;
  --color-blue-600: #276cd3;
  --color-blue-700: #215dab;
  --color-blue-800: #194a83;
  --color-blue-900: #193d68;
  --color-blue-950: #041b34;
}
Open in the generatorAll colour palettes

More palettes