diff --git a/ProcessMaker/Http/Controllers/Api/ProcessRequestController.php b/ProcessMaker/Http/Controllers/Api/ProcessRequestController.php
index d81e2a83ca..acbdb8d1a9 100644
--- a/ProcessMaker/Http/Controllers/Api/ProcessRequestController.php
+++ b/ProcessMaker/Http/Controllers/Api/ProcessRequestController.php
@@ -216,8 +216,8 @@ public function getDefaultChart(Request $request, $process)
                     'label' => __('Default chart'),
                     'data' => [$countCompleted, $countInProgress],
                     'backgroundColor' => [
-                        'CLOSED' => '#62B2FD', // Color for 'Completed'
-                        'ACTIVE' => '#9BDFC4', // Color for 'In Progress'
+                        'CLOSED' => '#F9A8D4', // Color for 'Completed'
+                        'ACTIVE' => '#4F46E5', // Color for 'In Progress'
                     ],
                 ],
             ],
diff --git a/resources/js/processes-catalogue/components/BaseChart.vue b/resources/js/processes-catalogue/components/BaseChart.vue
index 7a880e720b..50b0323b99 100644
--- a/resources/js/processes-catalogue/components/BaseChart.vue
+++ b/resources/js/processes-catalogue/components/BaseChart.vue
@@ -273,8 +273,8 @@ export default {
   margin-top: 16px;
   padding: 16px 0;
   border-radius: 16px;
-  border: 0.883px solid rgba(205, 221, 238, 0.50);
-  background: linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.92) 100%), #57D490;
+  border: 0.88px solid #CDDDEE;
+  background: white;
   display: flex;
   justify-content: center;
   align-items: center;