diff --git a/packages/core/src/components/badge/badge.ios.scss b/packages/core/src/components/badge/badge.ios.scss
index dba4582d81..915ab7f4de 100644
--- a/packages/core/src/components/badge/badge.ios.scss
+++ b/packages/core/src/components/badge/badge.ios.scss
@@ -22,8 +22,8 @@
   $contrast-color: ion-color($colors-ios, $color-name, contrast, ios);
 
   .badge-ios-#{$color-name} {
-    color: $base-color;
-    background-color: $contrast-color;
+    color: $contrast-color;
+    background-color: $base-color;
   }
 
 }
diff --git a/packages/core/src/components/badge/badge.md.scss b/packages/core/src/components/badge/badge.md.scss
index 0a74e4b3b3..71739df576 100644
--- a/packages/core/src/components/badge/badge.md.scss
+++ b/packages/core/src/components/badge/badge.md.scss
@@ -22,8 +22,8 @@
   $contrast-color: ion-color($colors-md, $color-name, contrast, md);
 
   .badge-md-#{$color-name} {
-    color: $base-color;
-    background-color: $contrast-color;
+    color: $contrast-color;
+    background-color: $base-color;
   }
 }