カスタムパレット

:root {
  --color-1: #F25022;
  --color-2: #7FBA00;
  --color-3: #00A4EF;
  --color-4: #FFB900;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#F25022',
      '2': '#7FBA00',
      '3': '#00A4EF',
      '4': '#FFB900',
        }
      }
    }
  }
}