Tailwind Colorgen

Color Palette Generator

Pick a color or input HEX code

Tailwind V3

'DEFAULT': {
  '50: #818181',
  '100: #636363',
  '200: #474747',
  '300: #2c2c2c',
  '400: #131313',
  '500: #000000',
  '600: #000000',
  '700: #000000',
  '800: #000000',
  '900: #000000',
}

Tailwind V4

:root {
  --color-50: #818181;
  --color-100: #636363;
  --color-200: #474747;
  --color-300: #2c2c2c;
  --color-400: #131313;
  --color-500: #000000;
  --color-600: #000000;
  --color-700: #000000;
  --color-800: #000000;
  --color-900: #000000;
}