diff --git a/jero-web/src/views/projectManagement/components/TaskList.vue b/jero-web/src/views/projectManagement/components/TaskList.vue
index fc22b5754..a8ec04aa5 100644
--- a/jero-web/src/views/projectManagement/components/TaskList.vue
+++ b/jero-web/src/views/projectManagement/components/TaskList.vue
@@ -543,8 +543,8 @@
     text-align: center;
     line-height: 32px;
     border-radius: 4px;
-    background: #dbf6e2;
-    color: #26BD4B;
+    background: #f1f3f5;
+    color: #919399;
   }
 
   .accordColor {
diff --git a/jero-web/src/views/projectManagement/components/deliverableStatusEchart.vue b/jero-web/src/views/projectManagement/components/deliverableStatusEchart.vue
index 03fdd8c9e..6df3ce6a4 100644
--- a/jero-web/src/views/projectManagement/components/deliverableStatusEchart.vue
+++ b/jero-web/src/views/projectManagement/components/deliverableStatusEchart.vue
@@ -54,7 +54,7 @@
       getData() {
         getAction(this.url.getProjectDetailsStatistics, { id: this.$route.query.id }).then((res) => {
           if (res.success) {
-            if (res.result){
+            if (res.result) {
 
               let listingToConfirmMap = res.result.listingToConfirmMap ? res.result.listingToConfirmMap.listingToConfirmMapList : []
               let taskToConfirmMap = res.result.taskToConfirmMap ? res.result.taskToConfirmMap.taskToConfirmMapList : []
@@ -82,28 +82,28 @@
                 name: this.$t('notLaunch'),
                 status: res.inventoryAffirmStatus || res.taskAffirmStatus
               })
-              color.push('#00BEBE')
+              color.push('#707486')
             } else if (res.inventoryAffirmStatus == 'List to confirm' || res.taskAffirmStatus == 'List to confirm') {
               data.push({
                 value: res.inventoryAffirmStatusCount || res.taskAffirmStatusCount,
                 name: this.$t('toBeConfirmed'),
                 status: res.inventoryAffirmStatus || res.taskAffirmStatus
               })
-              color.push('#FDB033')
+              color.push('#00B3BE')
             } else if (res.inventoryAffirmStatus == 'Accepted' || res.taskAffirmStatus == 'Accepted') {
               data.push({
                 value: res.inventoryAffirmStatusCount || res.taskAffirmStatusCount,
                 name: this.$t('accept'),
                 status: res.inventoryAffirmStatus || res.taskAffirmStatus
               })
-              color.push('#2F8DF3')
+              color.push('#26BD4B')
             } else if (res.inventoryAffirmStatus == 'Rejected' || res.taskAffirmStatus == 'Rejected') {
               data.push({
                 value: res.inventoryAffirmStatusCount || res.taskAffirmStatusCount,
                 name: this.$t('refuse'),
                 status: res.inventoryAffirmStatus || res.taskAffirmStatus
               })
-              color.push('#9DB9D4')
+              color.push('#E83030')
             }
           })
         }