diff --git a/.changeset/fast-mangos-serve.md b/.changeset/fast-mangos-serve.md
new file mode 100644
index 00000000000..042f2e9718b
--- /dev/null
+++ b/.changeset/fast-mangos-serve.md
@@ -0,0 +1,5 @@
+---
+"@firebase/auth": patch
+---
+
+Ensure emulator warning text is accessible.
diff --git a/packages-exp/auth-exp/src/core/auth/emulator.ts b/packages-exp/auth-exp/src/core/auth/emulator.ts
index ff0361f131b..78e245812b2 100644
--- a/packages-exp/auth-exp/src/core/auth/emulator.ts
+++ b/packages-exp/auth-exp/src/core/auth/emulator.ts
@@ -122,7 +122,7 @@ function emitEmulatorWarning(disableBanner: boolean): void {
     sty.width = '100%';
     sty.backgroundColor = '#ffffff';
     sty.border = '.1em solid #000000';
-    sty.color = '#ff0000';
+    sty.color = '#b50000';
     sty.bottom = '0px';
     sty.left = '0px';
     sty.margin = '0px';
diff --git a/packages/auth/src/auth.js b/packages/auth/src/auth.js
index e2863a8dd1e..2efcae9d8dd 100644
--- a/packages/auth/src/auth.js
+++ b/packages/auth/src/auth.js
@@ -339,7 +339,7 @@ fireauth.Auth.prototype.emitEmulatorWarning_ = function(disableBanner) {
       ele.style.width = '100%';
       ele.style.backgroundColor = '#ffffff';
       ele.style.border = '.1em solid #000000';
-      ele.style.color = '#ff0000';
+      ele.style.color = '#b50000';
       ele.style.bottom = '0px';
       ele.style.left = '0px';
       ele.style.margin = '0px';