diff --git a/app/map_styles/polygon.xml b/app/map_styles/polygon.xml
index 75e9549d..4b59ac20 100644
--- a/app/map_styles/polygon.xml
+++ b/app/map_styles/polygon.xml
@@ -42,24 +42,24 @@
     </Style>
     <Style name="location_info_count">
         <Rule>
-            <Filter>[location_info_count] &gt; 0 and [location_info_count] &lt; 2</Filter>
-            <PolygonSymbolizer fill="#f0f9e8" />
-        </Rule>
-        <Rule>
-            <Filter>[location_info_count] &gt;= 2 and [location_info_count] &lt; 4</Filter>
-            <PolygonSymbolizer fill="#bae4bc" />
-        </Rule>
-        <Rule>
-            <Filter>[location_info_count] &gt;= 4 and [location_info_count] &lt; 6</Filter>
-            <PolygonSymbolizer fill="#7bccc4" />
+            <Filter>[location_info_count] &gt;= 8</Filter>
+            <PolygonSymbolizer fill="#084081" />
         </Rule>
         <Rule>
             <Filter>[location_info_count] &gt;= 6 and [location_info_count] &lt; 8</Filter>
+            <PolygonSymbolizer fill="#0868ac" />
+        </Rule>
+        <Rule>
+            <Filter>[location_info_count] &gt;= 4 and [location_info_count] &lt; 6</Filter>
             <PolygonSymbolizer fill="#43a2ca" />
         </Rule>
         <Rule>
-            <Filter>[location_info_count] &gt;= 8</Filter>
-            <PolygonSymbolizer fill="#0868ac" />
+            <Filter>[location_info_count] &gt;= 2 and [location_info_count] &lt; 4</Filter>
+            <PolygonSymbolizer fill="#7bccc4" />
+        </Rule>
+        <Rule>
+            <Filter>[location_info_count] &gt; 0 and [location_info_count] &lt; 2</Filter>
+            <PolygonSymbolizer fill="#bae4bc" />
         </Rule>
     </Style>
     <Style name="size_storeys">
diff --git a/app/src/frontend/legend.js b/app/src/frontend/legend.js
index 88ad7450..4c4a31b3 100644
--- a/app/src/frontend/legend.js
+++ b/app/src/frontend/legend.js
@@ -8,11 +8,11 @@ const LEGEND_CONFIG = {
         title: "Location",
         description: "% data collected",
         elements: [
-            { color: '#0868ac', text: '≥80%' },
-            { color: '#43a2ca', text: '60–80%' },
-            { color: '#7bccc4', text: '40–60%' },
-            { color: '#bae4bc', text: '20–40%' },
-            { color: '#f0f9e8', text: '<20%' }
+            { color: '#084081', text: '≥80%' },
+            { color: '#0868ac', text: '60–80%' },
+            { color: '#43a2ca', text: '40–60%' },
+            { color: '#7bccc4', text: '20–40%' },
+            { color: '#bae4bc', text: '<20%' }
         ]
     },
     age: {