tailwind.config.js

module.exports = {
  theme: {
    extend: {
      colors: {
        // Warm gray
        // gray: {
        //   "100": "#faf9f7",
        //   "200": "#e8e6e1",
        //   "300": "#d3cec4",
        //   "400": "#b8b2a7",
        //   "500": "#a39e93",
        //   "600": "#857f72",
        //   "700": "#625d52",
        //   "800": "#504a40",
        //   "900": "#423d33"
        // }
        // Blue gray
        // gray: {
        //   "100": "#f0f4f8",
        //   "200": "#d9e2ec",
        //   "300": "#bcccdc",
        //   "400": "#9fb3c8",
        //   "500": "#829ab1",
        //   "600": "#627d98",
        //   "700": "#486581",
        //   "800": "#334e68",
        //   "900": "#243b53"
        // }
      }
    }
  },
  variants: {},
  plugins: [require("@tailwindcss/ui")]
};