diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css
index 8ad45feb09..94fec7da14 100644
--- a/web/styles/app_variables.css
+++ b/web/styles/app_variables.css
@@ -823,6 +823,9 @@
     --color-left-sidebar-navigation-icon: hsl(240deg 30% 40%);
     --color-left-sidebar-heads-up-icon: hsl(240deg 30% 40%);
     --color-left-sidebar-heads-up-icon-hover: hsl(240deg 100% 15%);
+    --color-left-sidebar-dm-partners-icon: var(
+        --color-left-sidebar-navigation-icon
+    );
     --background-color-left-sidebar-heads-up-icon-hover: hsl(
         240deg 100% 50% / 7%
     );
@@ -1355,6 +1358,9 @@
     --color-left-sidebar-navigation-icon: hsl(240deg 35% 68%);
     --color-left-sidebar-heads-up-icon: hsl(240deg 35% 68%);
     --color-left-sidebar-heads-up-icon-hover: hsl(240deg 100% 90%);
+    --color-left-sidebar-dm-partners-icon: var(
+        --color-left-sidebar-navigation-icon
+    );
     --background-color-left-sidebar-heads-up-icon-hover: hsl(
         240deg 100% 75% / 20%
     );
diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css
index c73b61267d..63987d4b46 100644
--- a/web/styles/left_sidebar.css
+++ b/web/styles/left_sidebar.css
@@ -291,7 +291,7 @@
             }
 
             .zulip-icon {
-                opacity: 0.7;
+                color: var(--color-left-sidebar-dm-partners-icon);
             }
         }