diff --git a/src/Core/Components/List/FluentSelect.razor.cs b/src/Core/Components/List/FluentSelect.razor.cs
index ad67199df5..ba969f6abe 100644
--- a/src/Core/Components/List/FluentSelect.razor.cs
+++ b/src/Core/Components/List/FluentSelect.razor.cs
@@ -24,7 +24,7 @@ public partial class FluentSelect<TOption> : ListComponentBase<TOption> where TO
         .AddStyle($"#{Id}::part(selected-value)", "white-space", "nowrap")
         .AddStyle($"#{Id}::part(selected-value)", "overflow", "hidden")
         .AddStyle($"#{Id}::part(selected-value)", "text-overflow", "ellipsis")
-        .AddStyle($"#{Id}::part(selected-value)", "color", "var(--neutral-base-color)", when: !string.IsNullOrEmpty(Placeholder) && SelectedOption is null)
+        .AddStyle($"#{Id}::part(selected-value)", "color", "var(--input-placeholder-rest)", when: !string.IsNullOrEmpty(Placeholder) && SelectedOption is null)
         .BuildMarkupString();
 
     protected override string? StyleValue => new StyleBuilder(base.StyleValue)
diff --git a/tests/Core/List/FluentSelectTests.FluentSelect_Placeholder.verified.razor.html b/tests/Core/List/FluentSelectTests.FluentSelect_Placeholder.verified.razor.html
index c1e7e58644..51d0064a2e 100644
--- a/tests/Core/List/FluentSelectTests.FluentSelect_Placeholder.verified.razor.html
+++ b/tests/Core/List/FluentSelectTests.FluentSelect_Placeholder.verified.razor.html
@@ -1,12 +1,12 @@
 
 <style>
 #myselect::part(listbox) { z-index: 9995; }
-#myselect::part(selected-value) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--neutral-base-color); }
+#myselect::part(selected-value) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--input-placeholder-rest); }
 
 </style>
 <fluent-select id="xxx" blazor:onchange="1" blazor:onkeydown="2" blazor:elementreference="xxx">
   <fluent-option id="xxx" style="display:none;" value="" aria-selected="false" blazor:onclick="3" aria-hidden="true" blazor:elementreference="xxx">Make a selection...</fluent-option>
-  <fluent-option id="xxx" value="1-Denis Voituron" aria-selected="false" blazor:onclick="4" blazor:elementreference="xxx">1-Denis Voituron</fluent-option>
-  <fluent-option id="xxx" value="2-Vincent Baaij" aria-selected="false" blazor:onclick="5" blazor:elementreference="xxx">2-Vincent Baaij</fluent-option>
-  <fluent-option id="xxx" value="3-Bill Gates" aria-selected="false" blazor:onclick="6" blazor:elementreference="xxx">3-Bill Gates</fluent-option>
+  <fluent-option id="xxx" value="1-Denis Voituron" blazor:onclick="4" aria-selected="false" blazor:elementreference="xxx">1-Denis Voituron</fluent-option>
+  <fluent-option id="xxx" value="2-Vincent Baaij" blazor:onclick="5" aria-selected="false" blazor:elementreference="xxx">2-Vincent Baaij</fluent-option>
+  <fluent-option id="xxx" value="3-Bill Gates" blazor:onclick="6" aria-selected="false" blazor:elementreference="xxx">3-Bill Gates</fluent-option>
 </fluent-select>
\ No newline at end of file