diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index 273cf9ba..7ad540bf 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -6,7 +6,7 @@ const props = withDefaults(
     branch: {
       count: number;
       label: string;
-      color?: 'pink' | 'purple';
+      color?: 'pink' | 'purple' | 'green';
     }[];
     dark?: boolean;
     isBranch?: boolean;
@@ -83,7 +83,15 @@ svg {
   --_color: var(--pink-6);
 }
 
+.stat__green {
+  --_color: var(--teal-10);
+}
+
 .dark .stat__purple {
   --_color: var(--purple-8);
 }
+
+.dark .stat__green {
+  --_color: var(--teal-8);
+}
 </style>