カスタムパレット

:root {
  --color-1: #1DA1F2;
  --color-2: #14171A;
  --color-3: #657786;
  --color-4: #AAB8C2;
  --color-5: #E1E8ED;
  --color-6: #F5F8FA;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#1DA1F2',
      '2': '#14171A',
      '3': '#657786',
      '4': '#AAB8C2',
      '5': '#E1E8ED',
      '6': '#F5F8FA',
        }
      }
    }
  }
}