diff --git a/src/assets/app.scss b/src/assets/app.scss
index 14b4829a8..60a1b4474 100644
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -40,6 +40,11 @@ textarea.form-control {
     color: $unknown !important;
 }
 
+// pause number color
+.text-pause {
+    color: $pause !important;
+}
+
 .incident a,
 .bg-maintenance a {
     color: inherit;
diff --git a/src/assets/vars.scss b/src/assets/vars.scss
index 596b14995..2ab2b578a 100644
--- a/src/assets/vars.scss
+++ b/src/assets/vars.scss
@@ -3,6 +3,7 @@ $danger: #dc3545;
 $warning: #f8a306;
 $maintenance: #1747f5;
 $unknown:#e5a328;
+$pause:#060047;
 $link-color: #111;
 $border-radius: 50rem;
 
diff --git a/src/pages/DashboardHome.vue b/src/pages/DashboardHome.vue
index 475886096..8d3fc240d 100644
--- a/src/pages/DashboardHome.vue
+++ b/src/pages/DashboardHome.vue
@@ -25,7 +25,7 @@
                     </div>
                     <div class="col">
                         <h3>{{ $t("pauseDashboardHome") }}</h3>
-                        <span class="num text-secondary">{{ $root.stats.pause }}</span>
+                        <span class="num text-pause">{{ $root.stats.pause }}</span>
                     </div>
                 </div>
             </div>