diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index 18b80c86..8ad8089e 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -108,7 +108,7 @@ export const NavBar: React.FC<NavBarProps> = ({
       <IconButton
         onClick={toggleTheme}
         sx={{
-          color: darkMode ? '#ffffff' : '#333333',
+          color: darkMode ? '#ffffff' : '#0000008A',
           '&:hover': {
             color: '#ff00c3'
           }