Color Shades & Tints Generator

:root {
  --color-shades-0: #3b82f6;
  --color-shades-10: #3575dd;
  --color-shades-20: #2f68c5;
  --color-shades-30: #295bac;
  --color-shades-40: #234e94;
  --color-shades-50: #1e417b;
  --color-shades-60: #183462;
  --color-shades-70: #12274a;
  --color-shades-80: #0c1a31;
  --color-shades-90: #060d19;
  --color-shades-100: #000000;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        custom: {
      'DEFAULT': '#3b82f6',
      '10': '#3575dd',
      '20': '#2f68c5',
      '30': '#295bac',
      '40': '#234e94',
      '50': '#1e417b',
      '60': '#183462',
      '70': '#12274a',
      '80': '#0c1a31',
      '90': '#060d19',
      '100': '#000000',
        },
      },
    },
  },
};