aestheticcolours

Tailwind palette

The cyan palette

An 11-step cyan 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#E8F9FE
100#CCEFF9
200#9FE1F3
300#63CCE4
400#06B6D4
500#0097B1
600#007E93
700#006B7A
800#00545F
900#09454D
950#001F23
tailwind.config — v4@theme
@theme {
  --color-cyan-50: #e8f9fe;
  --color-cyan-100: #cceff9;
  --color-cyan-200: #9fe1f3;
  --color-cyan-300: #63cce4;
  --color-cyan-400: #06b6d4;
  --color-cyan-500: #0097b1;
  --color-cyan-600: #007e93;
  --color-cyan-700: #006b7a;
  --color-cyan-800: #00545f;
  --color-cyan-900: #09454d;
  --color-cyan-950: #001f23;
}
Open in the generatorAll colour palettes

More palettes