diff --git a/.changeset/thick-tools-sparkle.md b/.changeset/thick-tools-sparkle.md
new file mode 100644
index 000000000..4da491480
--- /dev/null
+++ b/.changeset/thick-tools-sparkle.md
@@ -0,0 +1,5 @@
+---
+'@primer/primitives': patch
+---
+
+rename treeViewItem-leadingVisual-bgColor-rest to treeViewItem-leadingVisual-iconColor-rest
diff --git a/docs/storybook/.storybook/preview.js b/docs/storybook/.storybook/preview.js
index 1c807aad4..3d0a18046 100644
--- a/docs/storybook/.storybook/preview.js
+++ b/docs/storybook/.storybook/preview.js
@@ -206,7 +206,7 @@ const tempTheme = deepmerge(theme, {
             hoverBg: 'var(--control-transparent-bgColor-hover)',
           },
           directory: {
-            fill: 'var(--treeViewItem-leadingVisual-bgColor-rest)',
+            fill: 'var(--treeViewItem-leadingVisual-iconColor-rest)',
           },
         },
         fg: {
diff --git a/docs/storybook/stories/Migration/v8/DeprecatedPatternTokensMap.json b/docs/storybook/stories/Migration/v8/DeprecatedPatternTokensMap.json
index 49b84a8bf..ffef776fe 100644
--- a/docs/storybook/stories/Migration/v8/DeprecatedPatternTokensMap.json
+++ b/docs/storybook/stories/Migration/v8/DeprecatedPatternTokensMap.json
@@ -283,6 +283,6 @@
     "background": "control-transparent-bgColor-hover"
   },
   "color-tree-view-item-directory-fill": {
-    "background": "treeViewItem-leadingVisual-bgColor-rest"
+    "background": "treeViewItem-leadingVisual-iconColor-rest"
   }
 }
diff --git a/src/tokens/fallback/color-fallbacks.json b/src/tokens/fallback/color-fallbacks.json
index 365c3ae83..dd4298a32 100644
--- a/src/tokens/fallback/color-fallbacks.json
+++ b/src/tokens/fallback/color-fallbacks.json
@@ -176,7 +176,7 @@
   "--selectMenu-bgColor-active": "var(--color-select-menu-tap-focus-bg)",
   "--sideNav-bgColor-selected": "var(--color-sidenav-selected-bg)",
   "--timelineBadge-bgColor": "var(--color-timeline-badge-bg)",
-  "--treeViewItem-leadingVisual-bgColor-rest": "var(--color-tree-view-item-directory-fill)",
+  "--treeViewItem-leadingVisual-iconColor-rest": "var(--color-tree-view-item-directory-fill)",
   "--underlineNav-borderColor-active": "var(--color-primer-border-active)",
   "--underlineNav-borderColor-hover": "var(--color-underlinenav-border-hover)",
   "--underlineNav-iconColor-rest": "var(--color-underlinenav-icon)",
diff --git a/src/tokens/functional/color/dark/patterns-dark.json5 b/src/tokens/functional/color/dark/patterns-dark.json5
index 3c0e33e7a..eb58f6ccb 100644
--- a/src/tokens/functional/color/dark/patterns-dark.json5
+++ b/src/tokens/functional/color/dark/patterns-dark.json5
@@ -785,7 +785,7 @@
   },
   treeViewItem: {
     leadingVisual: {
-      bgColor: {
+      iconColor: {
         rest: {
           $value: '{fgColor.muted}',
           $type: 'color',
diff --git a/src/tokens/functional/color/light/patterns-light.json5 b/src/tokens/functional/color/light/patterns-light.json5
index 0dfbf417e..e7bc95122 100644
--- a/src/tokens/functional/color/light/patterns-light.json5
+++ b/src/tokens/functional/color/light/patterns-light.json5
@@ -792,7 +792,7 @@
   },
   treeViewItem: {
     leadingVisual: {
-      bgColor: {
+      iconColor: {
         rest: {
           $value: '{base.color.blue.3}',
           $type: 'color',