change purple

tailwind.config.js

@@ -31,6 +31,21 @@ module.exports = {
       maxWidth: {
         '2xl': '40rem',
       },
+      colors: {
+        purple: {
+          50: '#f5effa',    // Lightest tone
+          100: '#e8dff2',   // Very light tone
+          200: '#d0bde5',   // Light purple
+          300: '#b99bcc',   // A bit lighter purple
+          400: '#a17bb3',   // Interpolated
+          500: '#954e98',   // Given hex: medium magenta-like
+          600: '#8a417f',   // Interpolated between medium and dark
+          700: '#6d5299',   // Given hex: medium purple
+          800: '#563f83',   // Interpolated to a dark purple
+          900: '#4b3d89',   // Given hex: darkest purple
+          950: '#362565',   // Darkest shade for contrast
+        },
+      },
     },
   },
   plugins: [headlessuiPlugin],