Messenger

:root {
  --color-1: #0084FF;
  --color-2: #00B2FF;
  --color-3: #00C6FF;
  --color-4: #00E6FF;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#0084FF',
      '2': '#00B2FF',
      '3': '#00C6FF',
      '4': '#00E6FF',
        }
      }
    }
  }
}