diff --git a/packages/fluentui/CHANGELOG.md b/packages/fluentui/CHANGELOG.md
index dd07189e7c946..4eabbcc299dd3 100644
--- a/packages/fluentui/CHANGELOG.md
+++ b/packages/fluentui/CHANGELOG.md
@@ -20,6 +20,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ### Fixes
 - `Datepicker`: add onCalendarOpenStateChange prop. @jurokapsiar ([#28136](https://github.com/microsoft/fluentui/pull/28136))
+- Outline color now respects OS force colors settings. @george-cz ([#28182](https://github.com/microsoft/fluentui/pull/28182))
 
 <!--------------------------------[ v0.66.4 ]------------------------------- -->
 ## [v0.66.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-northstar_v0.66.4) (2023-03-10)
diff --git a/packages/fluentui/react-northstar/src/themes/teams/getBorderFocusStyles.ts b/packages/fluentui/react-northstar/src/themes/teams/getBorderFocusStyles.ts
index d2b3672743798..ced9ac9a7dc18 100644
--- a/packages/fluentui/react-northstar/src/themes/teams/getBorderFocusStyles.ts
+++ b/packages/fluentui/react-northstar/src/themes/teams/getBorderFocusStyles.ts
@@ -90,6 +90,14 @@ export const getBorderFocusStyles = (args: BorderFocusStyles): Record<':focus' |
             ? `-${focusInnerBorderWidth}`
             : `calc(0px - ${borderPaddingRight} - ${focusInnerBorderWidth})`,
       },
+      '@media(forced-colors: active)': {
+        ':before': {
+          borderColor: 'Highlight',
+        },
+        ':after': {
+          borderColor: 'Highlight',
+        },
+      },
     },
   };
 };