カスタムパレット

:root {
  --color-1: #FF9933;
  --color-2: #FFFFFF;
  --color-3: #138808;
  --color-4: #000080;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#FF9933',
      '2': '#FFFFFF',
      '3': '#138808',
      '4': '#000080',
        }
      }
    }
  }
}