diff --git a/packages/client/src/pages/admin/overview.queue-chart.vue b/packages/client/src/pages/admin/overview.queue-chart.vue
index a2b748ad3..15d4835a5 100644
--- a/packages/client/src/pages/admin/overview.queue-chart.vue
+++ b/packages/client/src/pages/admin/overview.queue-chart.vue
@@ -112,8 +112,8 @@ onMounted(() => {
 				tension: 0.3,
 				borderWidth: 2,
 				borderJoinStyle: 'round',
-				borderColor: '#00E396',
-				backgroundColor: alpha('#00E396', 0.1),
+				borderColor: '#9ccfd8',
+				backgroundColor: alpha('#9ccfd8', 0.1),
 				data: [],
 			}, {
 				label: 'Active',
@@ -121,8 +121,8 @@ onMounted(() => {
 				tension: 0.3,
 				borderWidth: 2,
 				borderJoinStyle: 'round',
-				borderColor: '#00BCD4',
-				backgroundColor: alpha('#00BCD4', 0.1),
+				borderColor: '#31748f',
+				backgroundColor: alpha('#31748f', 0.1),
 				data: [],
 			}, {
 				label: 'Waiting',
@@ -130,8 +130,8 @@ onMounted(() => {
 				tension: 0.3,
 				borderWidth: 2,
 				borderJoinStyle: 'round',
-				borderColor: '#FFB300',
-				backgroundColor: alpha('#FFB300', 0.1),
+				borderColor: '#f6c177',
+				backgroundColor: alpha('#f6c177', 0.1),
 				data: [],
 			}, {
 				label: 'Delayed',
@@ -139,7 +139,7 @@ onMounted(() => {
 				tension: 0.3,
 				borderWidth: 2,
 				borderJoinStyle: 'round',
-				borderColor: '#E53935',
+				borderColor: '#eb6f92',
 				borderDash: [5, 5],
 				fill: false,
 				data: [],
diff --git a/packages/client/src/pages/admin/queue.chart.chart.vue b/packages/client/src/pages/admin/queue.chart.chart.vue
index 96156f8e6..ba6f6505c 100644
--- a/packages/client/src/pages/admin/queue.chart.chart.vue
+++ b/packages/client/src/pages/admin/queue.chart.chart.vue
@@ -98,10 +98,10 @@ const label =
 	'?' as never;
 
 const color =
-	props.type === 'process' ? '#00E396' :
-	props.type === 'active' ? '#00BCD4' :
-	props.type === 'delayed' ? '#E53935' :
-	props.type === 'waiting' ? '#FFB300' :
+	props.type === 'process' ? '#9ccfd8' :
+	props.type === 'active' ? '#31748f' :
+	props.type === 'delayed' ? '#eb6f92' :
+	props.type === 'waiting' ? '#f6c177' :
 	'?' as never;
 
 onMounted(() => {