diff --git a/frontend/src/app.html b/frontend/src/app.html
index 718800105a..b39a791d90 100644
--- a/frontend/src/app.html
+++ b/frontend/src/app.html
@@ -1,15 +1,15 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="/logo.svg" />
 		<style type="text/css">
 			.st2 {
-				fill: #bcd4fc;
+				fill: #c4b5fd;
 			}
 
 			.st3 {
-				fill: #3b82f6;
+				fill: #8b5cf6;
 			}
 
 			/* Background color for dark mode */
diff --git a/frontend/src/lib/components/icons/WindmillIcon.svelte b/frontend/src/lib/components/icons/WindmillIcon.svelte
index 205e3c6030..d1e3b4eb62 100644
--- a/frontend/src/lib/components/icons/WindmillIcon.svelte
+++ b/frontend/src/lib/components/icons/WindmillIcon.svelte
@@ -57,13 +57,13 @@
 				fill: #ffffff;
 			}
 			.st2 {
-				fill: #bcd4fc;
+				fill: #c4b5fd;
 			}
 			.st2-gray {
 				fill: #cccccc;
 			}
 			.st3 {
-				fill: #3b82f6;
+				fill: #8b5cf6;
 			}
 			.st4 {
 				fill: #b3b3b3;
diff --git a/frontend/src/lib/components/icons/WindmillIcon2.svelte b/frontend/src/lib/components/icons/WindmillIcon2.svelte
index d4a4d225c1..11ccc981d6 100644
--- a/frontend/src/lib/components/icons/WindmillIcon2.svelte
+++ b/frontend/src/lib/components/icons/WindmillIcon2.svelte
@@ -162,27 +162,27 @@
 		<g>
 			<!-- Use color or fallback to defaults (white or blue) -->
 			<polygon
-				fill={lessSaturatedColor || (white ? '#cccccc' : '#bcd4fc')}
+				fill={lessSaturatedColor || (white ? '#cccccc' : '#c4b5fd')}
 				points="134.78,14.22 114.31,48.21 101.33,69.75 158.22,69.75 177.97,36.95 191.67,14.22"
 			/>
 			<polygon
-				fill={color || (white ? '#ffffff' : '#3b82f6')}
+				fill={color || (white ? '#ffffff' : '#8b5cf6')}
 				points="227.55,69.75 186.61,69.75 101.33,69.75 129.78,119.02 158.16,119.02 228.61,119.02 256,119.02"
 			/>
 			<polygon
-				fill={color || (white ? '#ffffff' : '#3b82f6')}
+				fill={color || (white ? '#ffffff' : '#8b5cf6')}
 				points="136.93,132.47 116.46,167.93 73.82,241.78 130.71,241.78 144.9,217.2 180.13,156.18 193.82,132.46"
 			/>
 			<polygon
-				fill={color || (white ? '#ffffff' : '#3b82f6')}
+				fill={color || (white ? '#ffffff' : '#8b5cf6')}
 				points="121.7,131.95 101.23,96.49 58.59,22.63 30.15,71.91 44.34,96.49 79.57,157.5 93.26,181.22"
 			/>
 			<polygon
-				fill={lessSaturatedColor || (white ? '#cccccc' : '#bcd4fc')}
+				fill={lessSaturatedColor || (white ? '#cccccc' : '#c4b5fd')}
 				points="64.81,131.95 25.15,131.21 0,130.74 28.44,180.01 66.73,180.72 93.26,181.21"
 			/>
 			<polygon
-				fill={lessSaturatedColor || (white ? '#cccccc' : '#bcd4fc')}
+				fill={lessSaturatedColor || (white ? '#cccccc' : '#c4b5fd')}
 				points="165.38,181.74 184.58,216.46 196.75,238.47 225.19,189.2 206.66,155.69 193.83,132.46"
 			/>
 		</g>
diff --git a/frontend/static/logo.svg b/frontend/static/logo.svg
index 3b7a0ab2a6..44dcffa774 100644
--- a/frontend/static/logo.svg
+++ b/frontend/static/logo.svg
@@ -5,8 +5,8 @@
 <style type="text/css">
 	.st0{fill:#FFFFFF;}
 	.st1{opacity:0.4;fill:#FFFFFF;}
-	.st2{fill:#BCD4FC;}
-	.st3{fill:#3B82F6;}
+	.st2{fill:#C4B5FD;}
+	.st3{fill:#8B5CF6;}
 	.st4{fill:#B3B3B3;}
 	.st5{fill:url(#SVGID_1_);}
 	.st6{fill:url(#SVGID_00000021089067129159788970000008246765442136188072_);}