diff --git a/packages/client/src/widgets/server-metric/cpu-mem.vue b/packages/client/src/widgets/server-metric/cpu-mem.vue
index 76ef290f6a..ec2101bd83 100644
--- a/packages/client/src/widgets/server-metric/cpu-mem.vue
+++ b/packages/client/src/widgets/server-metric/cpu-mem.vue
@@ -3,8 +3,8 @@
 		<svg :viewBox="`0 0 ${viewBoxX} ${viewBoxY}`">
 			<defs>
 				<linearGradient :id="cpuGradientId" x1="0" x2="0" y1="1" y2="0">
-					<stop offset="0%" stop-color="hsl(180, 80%, 70%)"></stop>
-					<stop offset="100%" stop-color="hsl(0, 80%, 70%)"></stop>
+					<stop offset="0%" stop-color="hsl(189, 43%, 73%)"></stop>
+					<stop offset="100%" stop-color="hsl(343, 76%, 68%)"></stop>
 				</linearGradient>
 				<mask
 					:id="cpuMaskId"
@@ -42,8 +42,8 @@
 		<svg :viewBox="`0 0 ${viewBoxX} ${viewBoxY}`">
 			<defs>
 				<linearGradient :id="memGradientId" x1="0" x2="0" y1="1" y2="0">
-					<stop offset="0%" stop-color="hsl(180, 80%, 70%)"></stop>
-					<stop offset="100%" stop-color="hsl(0, 80%, 70%)"></stop>
+					<stop offset="0%" stop-color="hsl(189, 43%, 73%)"></stop>
+					<stop offset="100%" stop-color="hsl(343, 76%, 68%)"></stop>
 				</linearGradient>
 				<mask
 					:id="memMaskId"
diff --git a/packages/client/src/widgets/server-metric/net.vue b/packages/client/src/widgets/server-metric/net.vue
index 648880c240..9885d7a338 100644
--- a/packages/client/src/widgets/server-metric/net.vue
+++ b/packages/client/src/widgets/server-metric/net.vue
@@ -3,16 +3,16 @@
 		<svg :viewBox="`0 0 ${viewBoxX} ${viewBoxY}`">
 			<polygon
 				:points="inPolygonPoints"
-				fill="#94a029"
+				fill="#f6c177"
 				fill-opacity="0.5"
 			/>
 			<polyline
 				:points="inPolylinePoints"
 				fill="none"
-				stroke="#94a029"
+				stroke="#f6c177"
 				stroke-width="1"
 			/>
-			<circle :cx="inHeadX" :cy="inHeadY" r="1.5" fill="#94a029" />
+			<circle :cx="inHeadX" :cy="inHeadY" r="1.5" fill="#f6c177" />
 			<text x="1" y="5">
 				NET rx
 				<tspan>{{ bytes(inRecent) }}</tspan>
@@ -21,16 +21,16 @@
 		<svg :viewBox="`0 0 ${viewBoxX} ${viewBoxY}`">
 			<polygon
 				:points="outPolygonPoints"
-				fill="#ff9156"
+				fill="#31748f"
 				fill-opacity="0.5"
 			/>
 			<polyline
 				:points="outPolylinePoints"
 				fill="none"
-				stroke="#ff9156"
+				stroke="#31748f"
 				stroke-width="1"
 			/>
-			<circle :cx="outHeadX" :cy="outHeadY" r="1.5" fill="#ff9156" />
+			<circle :cx="outHeadX" :cy="outHeadY" r="1.5" fill="#31748f" />
 			<text x="1" y="5">
 				NET tx
 				<tspan>{{ bytes(outRecent) }}</tspan>