カスタムパレット

:root {
  --color-1: #4D148C;
  --color-2: #FF6600;
  --color-3: #009999;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#4D148C',
      '2': '#FF6600',
      '3': '#009999',
        }
      }
    }
  }
}