Update index.html

public/index.html

@@ -48,17 +48,17 @@
 					<div class='legend-title'>LandUse Classification</div>
 					<div class='legend-scale'>
 						<ul class='legend-labels'>
-							<li><span style='background:#FFFF00;'></span>Residential (Mixed Use)</li>
-							<li><span style='background:#8B6914;'></span>Commercial (Mixed Use)</li>
-							<li><span style='background:#808080;'></span>Industrial and Commercial</li>
-							<li><span style='background:#00FFFF;'></span>Recreational Facility</li>
-							<li><span style='background:#FFFF00;'></span>Social Infrastructure</li>
-							<li><span style='background:#008000;'></span>Technical (Engineering) Infrastructure</li>
-							<li><span style='background:#8B6914;'></span>Natural Space</li>
+							<li><span style='background:#E74C3C;'></span>Residential (Mixed Use)</li>
+							<li><span style='background:#B7950B;'></span>Commercial (Mixed Use)</li>
+							<li><span style='background:#F4D03F;'></span>Industrial and Commercial</li>
+							<li><span style='background:#6C3483;'></span>Social Infrastructure</li>
+							<li><span style='background:#D4E6F1;'></span>Technical (Engineering) Infrastructure</li>
+							<li><span style='background:#1E8449;'></span>Recreational Facility</li>
+							<li><span style='background:#DAF7A6;'></span>Natural Space</li>
 							<li><span style='background:#808080;'></span>Agriculture</li>
-							<li><span style='background:#008000;'></span>Street Space</li>
-							<li><span style='background:#00FFFF;'></span>Other Traffic Use</li>
-							<li><span style='background:#00FFFF;'></span>Water Body</li>
+							<li><span style='background:#5D6D7E;'></span>Street Space</li>
+							<li><span style='background:#D6DBDF;'></span>Other Traffic Use</li>
+							<li><span style='background:#5DADE2;'></span>Water Body</li>
 						</ul>
 					</div>
 				</div>