diff --git a/frontend/components/top_nav/SiteTopNav/SiteTopNav.tsx b/frontend/components/top_nav/SiteTopNav/SiteTopNav.tsx
index 2f6e83949e..aec316f9b3 100644
--- a/frontend/components/top_nav/SiteTopNav/SiteTopNav.tsx
+++ b/frontend/components/top_nav/SiteTopNav/SiteTopNav.tsx
@@ -174,8 +174,7 @@ const SiteTopNav = ({
     const lightLogoURL =
       config.org_info.org_logo_url_light_mode ||
       config.org_info.org_logo_url_light_background;
-    const hasDarkLogo = darkLogoURL && darkLogoURL !== lightLogoURL;
-    const orgLogoURL = darkMode && hasDarkLogo ? darkLogoURL : lightLogoURL;
+    const orgLogoURL = darkMode ? darkLogoURL : lightLogoURL;
     const active = navItem.location.regex.test(currentPath);
 
     const navItemBaseClass = "site-nav-item";
diff --git a/frontend/pages/admin/OrgSettingsPage/cards/Info/_styles.scss b/frontend/pages/admin/OrgSettingsPage/cards/Info/_styles.scss
index 871921da60..cfb0141f01 100644
--- a/frontend/pages/admin/OrgSettingsPage/cards/Info/_styles.scss
+++ b/frontend/pages/admin/OrgSettingsPage/cards/Info/_styles.scss
@@ -50,10 +50,10 @@
   }
 
   &__dark-background {
-    background-color: $ui-fleet-black-75;
+    background-color: $logo-preview-dark;
   }
 
   &__light-background {
-    background-color: $ui-light-grey;
+    background-color: $logo-preview-light;
   }
 }
diff --git a/frontend/styles/var/colors.scss b/frontend/styles/var/colors.scss
index 95e6eba184..76fa9b45c5 100644
--- a/frontend/styles/var/colors.scss
+++ b/frontend/styles/var/colors.scss
@@ -309,6 +309,8 @@ $static-black: #192147;
 $dark-mode-table-header: #282c33;
 $dark-mode-table-row: #1f2229;
 $dark-mode-nav-hover: #1f2228;
+$logo-preview-light: #ffffff;
+$logo-preview-dark: #1a1c21;
 
 // Opaque colors for table shadows — compile-time SCSS math, not themed.
 // These are subtle edge effects; dark-mode polish can refine them later.