diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index b5ddd3ef..273e8c76 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -13,7 +13,8 @@ const props = withDefaults(
         | 'cyan'
         | 'yellow'
         | 'red'
-        | 'magenta';
+        | 'magenta'
+        | 'blue';
     }[];
     dark?: boolean;
     labelI18n?: boolean;
@@ -107,6 +108,10 @@ const props = withDefaults(
   --_color: var(--pink-8-hsl);
 }
 
+.stat-card__blue {
+  --_color: var(--blue-6-hsl);
+}
+
 .dark .stat-card__purple {
   --_color: var(--violet-10-hsl);
 }
@@ -122,4 +127,8 @@ const props = withDefaults(
 .dark .stat-card__magenta {
   --_color: var(--pink-7-hsl);
 }
+
+.dark .stat-card__blue {
+  --_color: var(--blue-10-hsl);
+}
 </style>