1. Open your project's root directory and locate the tailwind.config.js file.
2. Inside the module.exports object, you'll find a theme property. If it doesn't exist, create one. It should look something like this:

   module.exports = {
       theme: {
         // ...
       },
       // ...
   };

3. Inside the theme object, you'll find various configuration options. To add a custom color scheme, you need to define or override the colors property. If it doesn't exist, create one. Here's an example of how it should look:

   module.exports = {
     theme: {
       colors: {
         // Your color scheme goes here
       },
       // ...
     },
     // ...
   };

4. Within the colors object, this is where you will copy+paste this custom color scheme. Here's an example of what your tailwind.config.js might look like:

   module.exports = {
     theme: {
       colors: {
         yourcolorname: {
           50: "#fdf2fb",
   	    100: "#fae6f8",
   	    200: "#f7d9f4",
   	    300: "#f4ccf1",
   	    400: "#f1bfed",
   	    500: "#eeb3e9",
   	    600: "#eaa6e5",
   	    700: "#e699e2",
   	    800: "#e28cde",
   	    900: "#de7eda",
   	    950: "#da70d6"
         }
       },
       // ...
     },
     // ...
   };

5. Save the tailwind.config.js file.
6. If you're using a development server like "npm run dev" or "yarn dev", stop and restart the server to ensure the changes take effect. If you're building your project for production, run the appropriate command to build your CSS.
7. Once the server is running or the CSS is built, you can use your custom color scheme classes in your HTML or JSX files by referencing the color names you defined in the tailwind.config.js file. For example:

   <div class="bg-yourcolorname-400">This div has a custom background color.</div>
   <div class="text-yourcolorname-800">This text has a custom text color.</div>

Learn more about customizing your Tailwind installation, and customizing Tailwind colors.