diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 2617337..0bfa83f 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -100,10 +100,10 @@ const GlobalSearch = () => {
                         {...params}
                         placeholder="Search catalog..."
                         sx={{ 
-                            bgcolor: 'rgba(255,255,255,0.1)', 
+                            bgcolor: 'action.hover', 
                             borderRadius: 1,
                             '& .MuiOutlinedInput-root': {
-                                color: 'white',
+                                color: 'inherit',
                                 '& fieldset': { border: 'none' },
                             }
                         }}
@@ -111,7 +111,7 @@ const GlobalSearch = () => {
                             ...params.InputProps,
                             startAdornment: (
                                 <InputAdornment position="start">
-                                    <SearchIcon sx={{ color: 'white', opacity: 0.7 }} />
+                                    <SearchIcon sx={{ color: 'inherit', opacity: 0.7 }} />
                                 </InputAdornment>
                             ),
                         }}
diff --git a/frontend/src/theme.ts b/frontend/src/theme.ts
index 9a3218a..7673709 100644
--- a/frontend/src/theme.ts
+++ b/frontend/src/theme.ts
@@ -8,13 +8,13 @@ export const getTheme = (mode: CatppuccinTheme) => {
 
   if (mode === 'pink') {
       palette = {
-          base: { hex: '#fff0f5' }, // Lavender Blush
-          surface0: { hex: '#ffe4e1' }, // Misty Rose
-          crust: { hex: '#ffc0cb' }, // Pink
-          text: { hex: '#5c4b51' }, // Darker text for contrast
-          subtext0: { hex: '#8b6b7a' },
-          mauve: { hex: '#ff69b4' }, // Hot Pink (Primary)
-          pink: { hex: '#db7093' }, // Pale Violet Red (Secondary)
+          base: { hex: '#fdf6f7' }, // Soft cream pink
+          surface0: { hex: '#f8e1e5' }, // Pastel pink
+          crust: { hex: '#f2ccd5' }, // Deeper pink for headers
+          text: { hex: '#4a3135' }, // Deep maroon-brown for high readability
+          subtext0: { hex: '#7d5c62' },
+          mauve: { hex: '#e05a8d' }, // Rich pink (Primary)
+          pink: { hex: '#4ecdc4' }, // Fresh Turquoise (Secondary/Accent)
       };
   } else {
       const flavor = flavors[mode];