diff --git a/common/changes/office-ui-fabric-react/phkuo-fixMessageBarX_2018-05-30-22-54.json b/common/changes/office-ui-fabric-react/phkuo-fixMessageBarX_2018-05-30-22-54.json
new file mode 100644
index 0000000000000..78006964c541a
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/phkuo-fixMessageBarX_2018-05-30-22-54.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "MessageBar: fix color for X close button so that it is accessible",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "phkuo@microsoft.com"
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.scss b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.scss
index 7f31a1c724736..f01790493598e 100644
--- a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.scss
+++ b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.scss
@@ -212,7 +212,7 @@
     font-size: 12px;
     height: 12px;
     line-height: 12px;
-    color: $ms-color-neutralSecondary;
+    color: $warningTextColor;
   }
 }