aestheticcolours

Tailwind palette

The sky palette

An 11-step sky 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#EDF7FF
100#D1ECFF
200#AADDFF
300#68C6FF
400#0EA5E9
500#0091CF
600#0079AC
700#00678F
800#00516F
900#08425A
950#001E2B
tailwind.config — v4@theme
@theme {
  --color-sky-50: #edf7ff;
  --color-sky-100: #d1ecff;
  --color-sky-200: #aaddff;
  --color-sky-300: #68c6ff;
  --color-sky-400: #0ea5e9;
  --color-sky-500: #0091cf;
  --color-sky-600: #0079ac;
  --color-sky-700: #00678f;
  --color-sky-800: #00516f;
  --color-sky-900: #08425a;
  --color-sky-950: #001e2b;
}
Open in the generatorAll colour palettes

More palettes