generate a full 50–950 tonal scale from any base color · oklch · drop into tailwind.config.js
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
brand: {
"50": "#e8f6ff",
"100": "#d4edff",
"200": "#afd9ff",
"300": "#84beff",
"400": "#589cff",
"500": "#3a81f5",
"600": "#2569d5",
"700": "#1752b0",
"800": "#103e87",
"900": "#0c2b5e",
"950": "#061939",
},
},
},
},
};