diff --git a/client/assets/styles/colours.less b/client/assets/styles/colours.less
index a6962591..04dd7511 100644
--- a/client/assets/styles/colours.less
+++ b/client/assets/styles/colours.less
@@ -1,6 +1,7 @@
 @green: #1FF01F;
 @red: #a52a2a;
-@blue: #3498db;
+@blue: #3050f8;
+@blue: #3050f8;
 @white: #f5f5f5; // whitesmoke
 @purple: #9355b5; // 6lack - that far cover
 
diff --git a/client/assets/styles/game.css b/client/assets/styles/game.css
index 7fc39187..b28b6ef0 100644
--- a/client/assets/styles/game.css
+++ b/client/assets/styles/game.css
@@ -252,16 +252,16 @@
 }
 
 .game-construct.blue-damage {
-    color: #3498db;
+    color: #3050f8;
     opacity: 1;
 }
 
 .blue-damage button {
-    color: #3498db;
+    color: #3050f8;
 }
 
 .blue-damage text {
-    fill: #3498db;
+    fill: #3050f8;
 }
 
 .blue-damage .stats {
diff --git a/client/assets/styles/styles.less b/client/assets/styles/styles.less
index 5b607603..cc388ede 100644
--- a/client/assets/styles/styles.less
+++ b/client/assets/styles/styles.less
@@ -266,8 +266,8 @@ button[disabled] {
 }
 
 .blue {
-    color: #3498db;
-    stroke: #3498db;
+    color: #3050f8;
+    stroke: #3050f8;
     stroke-linecap: round;
 }
 
diff --git a/client/src/components/anims/amplify.jsx b/client/src/components/anims/amplify.jsx
index 76d0eb81..2e82270e 100644
--- a/client/src/components/anims/amplify.jsx
+++ b/client/src/components/anims/amplify.jsx
@@ -52,7 +52,7 @@ class Amplify extends Component {
         this.animations.push(anime({
             targets: ['#amplify path'],
             d: [{ value: altPath }],
-            stroke: ['#3498db', '#a52a2a'],
+            stroke: ['#3050f8', '#a52a2a'],
             easing: 'easeInOutSine',
 
             delay: TIMES.TARGET_DELAY_MS,
diff --git a/client/src/components/anims/chaos.jsx b/client/src/components/anims/chaos.jsx
index 87e44808..288501ba 100644
--- a/client/src/components/anims/chaos.jsx
+++ b/client/src/components/anims/chaos.jsx
@@ -64,7 +64,7 @@ class Chaos extends Component {
     componentDidMount() {
         const projectiles = document.querySelectorAll('.skill-anim circle');
         projectiles.forEach(proj => {
-            const colour = Math.random() >= 0.5 ? '#a52a2a' : '#3498db';
+            const colour = Math.random() >= 0.5 ? '#a52a2a' : '#3050f8';
             anime.set(proj, {
                 stroke: colour,
             });
diff --git a/client/src/components/anims/siphon.jsx b/client/src/components/anims/siphon.jsx
index d8aca826..f6812a05 100644
--- a/client/src/components/anims/siphon.jsx
+++ b/client/src/components/anims/siphon.jsx
@@ -32,7 +32,7 @@ class Siphon extends Component {
                 <filter id="blur">
                     <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
                 </filter>
-                <circle id="siphon" r="140" cx="150" cy="150" stroke="#3498db" stroke-width="2.5%" filter="url(#blur)"/>
+                <circle id="siphon" r="140" cx="150" cy="150" stroke="#3050f8" stroke-width="2.5%" filter="url(#blur)"/>
             </svg>
         );
     }
@@ -40,7 +40,7 @@ class Siphon extends Component {
     componentDidMount() {
         anime.set('#siphon', {
             r: '140',
-            stroke: '#3498db',
+            stroke: '#3050f8',
         });
 
         this.animations.push(anime({
@@ -56,8 +56,8 @@ class Siphon extends Component {
             keyframes: [
                 { r: '110', stroke: '#1FF01F' },
                 { r: '80', stroke: '#1FF01F' },
-                { r: '50', stroke: '#3498db' },
-                { r: '20', stroke: '#3498db' },
+                { r: '50', stroke: '#3050f8' },
+                { r: '20', stroke: '#3050f8' },
             ],
             delay: TIMES.TARGET_DELAY_MS,
             duration,
diff --git a/client/src/components/anims/siphon.tick.jsx b/client/src/components/anims/siphon.tick.jsx
index 5614f2bb..accb7b7b 100644
--- a/client/src/components/anims/siphon.tick.jsx
+++ b/client/src/components/anims/siphon.tick.jsx
@@ -32,7 +32,7 @@ class SiphonTick extends Component {
         super();
         this.team = props.team;
         this.animations = [];
-        this.colour = '#3498db';
+        this.colour = '#3050f8';
         const points = new Array(15).fill(0);
         this.charges = points.map(() => projectile(150, 150, 7, '#1FF01F'));
     }
@@ -48,11 +48,11 @@ class SiphonTick extends Component {
                 <filter id="blur">
                     <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
                 </filter>
-                <circle id="siphon" r="20" cx="150" cy="150" stroke="#3498db" stroke-width="2.5%" filter="url(#blur)"/>
+                <circle id="siphon" r="20" cx="150" cy="150" stroke="#3050f8" stroke-width="2.5%" filter="url(#blur)"/>
 
                 <defs>
                     <radialGradient id="grad1" cx="50%" cy="0%" r="85%" fx="50%" fy="50%">
-                        <stop offset="0%" style="stop-color:#3498db;stop-opacity:0.4" />
+                        <stop offset="0%" style="stop-color:#3050f8;stop-opacity:0.4" />
                         <stop offset="100%" style={'stop-color:#1FF01F;stop-opacity:1'} />
                     </radialGradient>
                 </defs>
@@ -85,15 +85,15 @@ class SiphonTick extends Component {
 
         anime.set('#siphon', {
             r: '80',
-            stroke: '#3498db',
+            stroke: '#3050f8',
         });
 
         anime({
             targets: '#siphon',
             keyframes: [
-                { r: '50', stroke: '#3498db' },
-                { r: '20', stroke: '#3498db' },
-                { r: '0', stroke: '#3498db' },
+                { r: '50', stroke: '#3050f8' },
+                { r: '20', stroke: '#3050f8' },
+                { r: '0', stroke: '#3050f8' },
             ],
             duration: duration * 2 / 3,
             easing: 'easeInCubic',
diff --git a/client/src/constants.jsx b/client/src/constants.jsx
index 95160256..3f21ecea 100644
--- a/client/src/constants.jsx
+++ b/client/src/constants.jsx
@@ -16,7 +16,7 @@ module.exports = {
     COLOURS: {
         GREEN: '#1FF01F',
         RED: '#a52a2a',
-        BLUE: '#3498db',
+        BLUE: '#3050f8',
         WHITE: '#f5f5f5', // whitesmoke
         PURPLE: '#9355b5', // 6lack - that far cover
     },
diff --git a/client/src/utils.jsx b/client/src/utils.jsx
index a2e48f98..1aa57056 100644
--- a/client/src/utils.jsx
+++ b/client/src/utils.jsx
@@ -88,7 +88,7 @@ const STATS = {
 const COLOURS = [
     '#a52a2a',
     '#1FF01F',
-    '#3498db',
+    '#3050f8',
 ];
 
 const TARGET_COLOURS = {