Tailwind Color Generator

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'primary': {
      50: '#e3eaf4',
      100: '#c8dcfc',
      200: '#a5c6fb',
      300: '#82b0f9',
      400: '#5f9af7',
      500: '#3c83f6',
      600: '#0b64f3',
      700: '#0950c1',
      800: '#073b8f',
      900: '#04275e',
      950: '#0a1e3e',
        },
      },
    },
  },
}

:root {
  --primary-50: #e3eaf4;
  --primary-100: #c8dcfc;
  --primary-200: #a5c6fb;
  --primary-300: #82b0f9;
  --primary-400: #5f9af7;
  --primary-500: #3c83f6;
  --primary-600: #0b64f3;
  --primary-700: #0950c1;
  --primary-800: #073b8f;
  --primary-900: #04275e;
  --primary-950: #0a1e3e;
}