11shade: a basic grayscale-ish Tailwind theme

tailwind.config.js

// Add this to `tailwind.config.js`
// Based on a Grayscale Design palette: https://grayscale.design/app?lums=98.10,94.50,89.10,81.22,69.97,54.15,38.33,27.08,19.20,13.80,10.20&palettes=%23FFFF00,%2300c500,%23a0a0ff,%2300bdbd,%23ff0000&filters=0%7C-5.6,0%7C-3.9,1.6%7C-15,0%7C0,0%7C0&names=,,,,&labels=,,,,
const grayscale = {
  "grayscale": {
    "50": "rgb(253, 253, 253)",
    "100": "rgb(249, 249, 249)",
    "200": "rgb(242, 242, 242)",
    "300": "rgb(233, 233, 233)",
    "400": "rgb(218, 218, 218)",
    "500": "rgb(194, 194, 194)",
    "600": "rgb(166, 166, 166)",
    "700": "rgb(142, 142, 142)",
    "800": "rgb(121, 121, 121)",
    "900": "rgb(104, 104, 104)",
    "950": "rgb(90, 90, 90)"
  },
  "pink": {
    "50": "rgb(255, 252, 255)",
    "100": "rgb(255, 246, 255)",
    "200": "rgb(255, 237, 255)",
    "300": "rgb(255, 223, 255)",
    "400": "rgb(255, 200, 255)",
    "500": "rgb(255, 162, 255)",
    "600": "rgb(255, 104, 255)",
    "700": "rgb(249, 0, 249)",
    "800": "rgb(214, 0, 214)",
    "900": "rgb(185, 0, 185)",
    "950": "rgb(161, 0, 161)"
  },
  "green": {
    "50": "rgb(224, 251, 224)",
    "100": "rgb(216, 251, 216)",
    "200": "rgb(206, 251, 206)",
    "300": "rgb(188, 251, 188)",
    "400": "rgb(130, 250, 130)",
    "500": "rgb(4, 226, 4)",
    "600": "rgb(0, 193, 0)",
    "700": "rgb(3, 165, 3)",
    "800": "rgb(6, 142, 6)",
    "900": "rgb(8, 122, 8)",
    "950": "rgb(9, 103, 9)"
  },
  "blue": {
    "50": "rgb(255, 255, 255)",
    "100": "rgb(249, 249, 251)",
    "200": "rgb(248, 248, 252)",
    "300": "rgb(237, 236, 249)",
    "400": "rgb(222, 221, 249)",
    "500": "rgb(188, 186, 249)",
    "600": "rgb(157, 157, 255)",
    "700": "rgb(134, 131, 245)",
    "800": "rgb(110, 103, 228)",
    "900": "rgb(90, 80, 204)",
    "950": "rgb(84, 73, 171)"
  },
  "teal": {
    "50": "rgb(245, 255, 255)",
    "100": "rgb(223, 255, 255)",
    "200": "rgb(185, 255, 255)",
    "300": "rgb(96, 255, 255)",
    "400": "rgb(0, 242, 242)",
    "500": "rgb(0, 216, 216)",
    "600": "rgb(0, 185, 185)",
    "700": "rgb(0, 158, 158)",
    "800": "rgb(0, 135, 135)",
    "900": "rgb(0, 116, 116)",
    "950": "rgb(0, 101, 101)"
  },
  "red": {
    "50": "rgb(255, 252, 252)",
    "100": "rgb(255, 247, 247)",
    "200": "rgb(255, 239, 239)",
    "300": "rgb(255, 226, 226)",
    "400": "rgb(255, 206, 206)",
    "500": "rgb(255, 173, 173)",
    "600": "rgb(255, 128, 128)",
    "700": "rgb(255, 77, 77)",
    "800": "rgb(244, 0, 0)",
    "900": "rgb(211, 0, 0)",
    "950": "rgb(184, 0, 0)"
  }
}