Generate a complete 50-950 color scale from a single hex
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
custom: {
50: '#f5f9ff',
100: '#ebf3fe',
200: '#cee0fd',
300: '#b1cdfb',
400: '#76a8f9',
500: '#3b82f6',
600: '#3575dd',
700: '#2c62b9',
800: '#204887',
900: '#152e56',
950: '#0c1a31',
}
}
}
}
}