50
#f7f2fc
100
#dfccf4
200
#c7a6ec
300
#b080e5
400
#985add
500
#8034d5
600
#6b2bb2
700
#55228f
800
#40186b
900
#2a0f48
// tailwind.config.js module.exports = { theme: { extend: { colors: { brand: { '50': '#f7f2fc', '100': '#dfccf4', '200': '#c7a6ec', '300': '#b080e5', '400': '#985add', '500': '#8034d5', '600': '#6b2bb2', '700': '#55228f', '800': '#40186b', '900': '#2a0f48', } } } } }