カスタムパレット

:root {
  --color-1: #C13584;
  --color-2: #833AB4;
  --color-3: #FCAF45;
  --color-4: #E1306C;
  --color-5: #FD1D1D;
  --color-6: #405DE6;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#C13584',
      '2': '#833AB4',
      '3': '#FCAF45',
      '4': '#E1306C',
      '5': '#FD1D1D',
      '6': '#405DE6',
        }
      }
    }
  }
}