2 files changed, 13 insertions, 13 deletions
diff --git a/html/tower/index.html b/html/tower/index.html
index a5f1f79..0a4adc6 100644
--- a/html/tower/index.html
+++ b/html/tower/index.html
@@ -82,17 +82,17 @@
     <div class="game-container">
         <div class="tower-palette">
             <div class="tower-option" draggable="true" data-tower-type="BASIC">
-                <div class="tower-preview" style="background: #4a90e2;"></div>
+                <div class="tower-preview" style="background: #3498db;"></div>
                 <div class="tower-name">Basic</div>
                 <div class="tower-cost">$20</div>
             </div>
             <div class="tower-option" draggable="true" data-tower-type="SNIPER">
-                <div class="tower-preview" style="background: #9b59b6;"></div>
+                <div class="tower-preview" style="background: #8e44ad;"></div>
                 <div class="tower-name">Sniper</div>
                 <div class="tower-cost">$40</div>
             </div>
             <div class="tower-option" draggable="true" data-tower-type="RAPID">
-                <div class="tower-preview" style="background: #2ecc71;"></div>
+                <div class="tower-preview" style="background: #16a085;"></div>
                 <div class="tower-name">Rapid</div>
                 <div class="tower-cost">$35</div>
             </div>
@@ -102,7 +102,7 @@
                 <div class="tower-cost">$30</div>
             </div>
             <div class="tower-option" draggable="true" data-tower-type="AOE">
-                <div class="tower-preview" style="background: #e67e22;"></div>
+                <div class="tower-preview" style="background: #d35400;"></div>
                 <div class="tower-name">AOE</div>
                 <div class="tower-cost">$45</div>
             </div>
diff --git a/html/tower/js/gameState.js b/html/tower/js/gameState.js
index 79a32f1..b7dc33b 100644
--- a/html/tower/js/gameState.js
+++ b/html/tower/js/gameState.js
@@ -10,7 +10,7 @@ const TowerTypes = {
         range: 3,
         damage: 1,
         attackSpeed: 1,
-        color: '#4a90e2'
+        color: '#3498db'
     },
     SNIPER: {
         name: 'Sniper Tower',
@@ -18,7 +18,7 @@ const TowerTypes = {
         range: 6,
         damage: 2,
         attackSpeed: 0.5,
-        color: '#9b59b6'
+        color: '#8e44ad'
     },
     RAPID: {
         name: 'Rapid Tower',
@@ -26,7 +26,7 @@ const TowerTypes = {
         range: 2,
         damage: 0.5,
         attackSpeed: 2,
-        color: '#2ecc71'
+        color: '#16a085'
     },
     GOOP: {
         name: 'Goop Tower',
@@ -44,7 +44,7 @@ const TowerTypes = {
         range: 2,
         damage: 1.5,
         attackSpeed: 0.3,
-        color: '#e67e22',
+        color: '#d35400',
         special: 'aoe',
         aoeRadius: 1  // Additional tiles affected
     }
@@ -54,32 +54,32 @@ const ParticleTypes = {
     DEATH_PARTICLE: {
         lifetime: 1000, // milliseconds
         speed: 0.1,
-        colors: ['#e74c3c', '#c0392b', '#f1c40f', '#e67e22']
+        colors: ['#e74c3c', '#c0392b', '#d35400', '#e67e22']
     },
     PROJECTILE: {
         lifetime: 300,
         speed: 0.3,
-        color: '#ffffff'
+        color: '#ecf0f1'
     },
     AOE_EXPLOSION: {
         lifetime: 500,
         initialRadius: 10,
         finalRadius: 60,
-        color: '#e67e22',
+        color: '#d35400',
         ringWidth: 3
     }
 };
 
 const EnemyTypes = {
     BASIC: {
-        color: '#ff0000',
+        color: '#c0392b',
         baseHealth: { min: 2, max: 6 },
         speed: { min: 1, max: 1.5 },
         damage: 0,
         isRanged: false
     },
     RANGED: {
-        color: '#8e44ad', // Purple
+        color: '#2c3e50',
         baseHealth: { min: 1, max: 4 },
         speed: { min: 0.7, max: 1.2 },
         damage: 0.3,