Index: src/wp-admin/css/site-health.css
===================================================================
--- src/wp-admin/css/site-health.css	(revision 45155)
+++ src/wp-admin/css/site-health.css	(working copy)
@@ -275,7 +275,7 @@
 .health-check-accordion-trigger {
 	background: #fff;
 	border: 0;
-	color: #212121;
+	color: #32373C;
 	cursor: pointer;
 	display: block;
 	font-weight: 400;
@@ -318,55 +318,37 @@
 }
 
 .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;
+	border: 1px solid #ccd0d4;
 }
 
-.health-check-accordion-trigger .badge.light-blue {
-	background-color: #10e9fb;
-	color: #000;
-}
-
-.health-check-accordion-trigger .badge.light-green {
-	background-color: #60f999;
-	color: #000;
-}
-
 .health-check-accordion-trigger[aria-expanded="true"] .icon {
 	transform: translateY(-30%) rotate(-135deg)
 }
Index: src/wp-admin/includes/class-wp-site-health.php
===================================================================
--- src/wp-admin/includes/class-wp-site-health.php	(revision 45155)
+++ src/wp-admin/includes/class-wp-site-health.php	(working copy)
@@ -183,7 +183,7 @@
 			'status'      => '',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => '',
 			'actions'     => '',
@@ -283,7 +283,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -399,7 +399,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -623,7 +623,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -712,7 +712,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p><p>%s</p>',
@@ -908,7 +908,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -988,7 +988,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1103,7 +1103,7 @@
 			'status'      => '',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1163,7 +1163,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1224,7 +1224,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1287,7 +1287,7 @@
 			'status'      => '',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1333,7 +1333,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1394,7 +1394,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Security' ),
-				'color' => 'red',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1470,7 +1470,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1512,7 +1512,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',
@@ -1583,7 +1583,7 @@
 			'status'      => 'good',
 			'badge'       => array(
 				'label' => __( 'Performance' ),
-				'color' => 'orange',
+				'color' => 'blue',
 			),
 			'description' => sprintf(
 				'<p>%s</p>',