diff --git a/change/@fluentui-web-components-188e5592-2326-4e9c-99b5-38b5f81bac7f.json b/change/@fluentui-web-components-188e5592-2326-4e9c-99b5-38b5f81bac7f.json
new file mode 100644
index 00000000000000..407bac6e2f85d0
--- /dev/null
+++ b/change/@fluentui-web-components-188e5592-2326-4e9c-99b5-38b5f81bac7f.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "add active state on accent button for high contrast",
+  "packageName": "@fluentui/web-components",
+  "email": "khamu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/styles/patterns/button.ts b/packages/web-components/src/styles/patterns/button.ts
index e90a82dbbadf3d..8f0ae89068a5ef 100644
--- a/packages/web-components/src/styles/patterns/button.ts
+++ b/packages/web-components/src/styles/patterns/button.ts
@@ -203,7 +203,8 @@ export const AccentButtonStyles = css`
             color: ${SystemColors.HighlightText};
         }
 
-        :host([appearance="accent"]) .control:hover {
+        :host([appearance="accent"]) .control:hover,
+        :host([appearance="accent"]:active) .control:active {
             background: ${SystemColors.HighlightText};
             border-color: ${SystemColors.Highlight};
             color: ${SystemColors.Highlight};