diff --git a/src/wp-admin/css/site-health.css b/src/wp-admin/css/site-health.css
index 1a9c8cd667..29cd443faa 100644
--- a/src/wp-admin/css/site-health.css
+++ b/src/wp-admin/css/site-health.css
@@ -275,7 +275,7 @@
 .health-check-accordion-trigger {
 	background: #fff;
 	border: 0;
-	color: #212121;
+	color: #32373C;
 	cursor: pointer;
 	display: block;
 	font-weight: 400;
@@ -318,53 +318,35 @@
 }
 
 .health-check-accordion-trigger .badge {
-	display: inline-block;
+	float: right;
 	padding: 0.1rem 0.5rem 0.15rem;
-	background-color: #d7dade;
-	border-radius: 3px;
-	color: #000;
+	color: #32373C;
 	font-weight: 600;
-	margin: 0 0.5rem;
+	margin: 0 2rem 0 0.5rem;
 }
 
 .health-check-accordion-trigger .badge.blue {
-	background-color: #0073af;
-	color: #fff;
+	border: 1px solid #BFE7F3;
 }
 
 .health-check-accordion-trigger .badge.orange {
-	background-color: #ffb900;
-	color: #000;
+	border: 1px solid #ffb900;
 }
 
 .health-check-accordion-trigger .badge.red {
-	background-color: #dc3232;
-	color: #fff;
+	border: 1px solid #dc3232;
 }
 
 .health-check-accordion-trigger .badge.green {
-	background-color: #40860a;
-	color: #fff;
+	border: 1px solid #46B450;
 }
 
-.health-check-accordion-trigger .badge.pink {
-	background-color: #f4b0fc;
-	color: #000;
+.health-check-accordion-trigger .badge.purple {
+	border: 1px solid #826EB4;
 }
 
 .health-check-accordion-trigger .badge.gray {
-	background-color: #ccc;
-	color: #000;
-}
-
-.health-check-accordion-trigger .badge.light-blue {
-	background-color: #10e9fb;
-	color: #000;
-}
-
-.health-check-accordion-trigger .badge.light-green {
-	background-color: #60f999;
-	color: #000;
+	border: 1px solid #ccd0d4;
 }
 
 .health-check-accordion-trigger[aria-expanded="true"] .icon {
diff --git a/src/wp-admin/includes/class-wp-site-health.php b/src/wp-admin/includes/class-wp-site-health.php
index 0fe620d9f9..15bdf418f3 100644
--- a/src/wp-admin/includes/class-wp-site-health.php
+++ b/src/wp-admin/includes/class-wp-site-health.php
@@ -183,7 +183,7 @@ class WP_Site_Health {
 			'status'      => '',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => '',
 			'actions'     => '',
@@ -283,7 +283,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -399,7 +399,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -623,7 +623,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -712,7 +712,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p><p>%s</p>',
@@ -908,7 +908,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -988,7 +988,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1103,7 +1103,7 @@ class WP_Site_Health {
 			'status'      => '',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1163,7 +1163,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1225,7 +1225,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1288,7 +1288,7 @@ class WP_Site_Health {
 			'status'      => '',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1334,7 +1334,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1395,7 +1395,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1471,7 +1471,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1513,7 +1513,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1584,7 +1584,7 @@ class WP_Site_Health {
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',