Tailwind Shade Generator

1// tailwind.config.js
2module.exports = {
3  theme: {
4    extend: {
5      colors: {
6        'brand': {
7        '50': '#f5f6f9',
8        '100': '#e9eaf6',
9        '200': '#c6c7f0',
10        '300': '#9b9cee',
11        '400': '#6466ed',
12        '500': '#2c30ec',
13        '600': '#1317d3',
14        '700': '#1317a9',
15        '800': '#111379',
16        '900': '#0f1057',
17        '950': '#0a0b33',
18        },
19      },
20    },
21  },
22}

1:root {
2  --brand-50: #f5f6f9;
3  --brand-100: #e9eaf6;
4  --brand-200: #c6c7f0;
5  --brand-300: #9b9cee;
6  --brand-400: #6466ed;
7  --brand-500: #2c30ec;
8  --brand-600: #1317d3;
9  --brand-700: #1317a9;
10  --brand-800: #111379;
11  --brand-900: #0f1057;
12  --brand-950: #0a0b33;
13}