diff --git a/packages/webawesome/src/components/badge/badge.css b/packages/webawesome/src/components/badge/badge.css
index eb2a2181d..59887e6fb 100644
--- a/packages/webawesome/src/components/badge/badge.css
+++ b/packages/webawesome/src/components/badge/badge.css
@@ -10,7 +10,7 @@
   font-weight: var(--wa-font-weight-semibold);
   line-height: 1;
   white-space: nowrap;
-  background-color: var(--background-color);
+  background-color: var(--wa-color-fill-loud, var(--wa-color-brand-fill-loud));
   border-color: transparent;
   border-radius: var(--wa-border-radius-s);
   border-style: var(--wa-border-style);