Tailwind Shade Generator

CSS Variables

:root {
  --color-primary-50: #fff6f0;
  --color-primary-100: #feede1;
  --color-primary-200: #fdd5b9;
  --color-primary-300: #fcb17e;
  --color-primary-400: #fa8838;
  --color-primary-500: #f96a06;
  --color-primary-600: #d15905;
  --color-primary-700: #a94804;
  --color-primary-800: #813703;
  --color-primary-900: #632a03;
  --color-primary-950: #3c1902;
}