diff --git a/src/constants/color.js b/src/constants/color.js
index e2bf7bdc7..cf6851c19 100644
--- a/src/constants/color.js
+++ b/src/constants/color.js
@@ -28,6 +28,8 @@ export const airportOutline = "hsl(250, 41%, 79%)";
 export const airportRunway = "hsl(250, 41%, 79%)";
 export const airportLabel = "hsl(250, 71%, 29%)";
 
+export const urbanSubAreaLabel = "hsl(211, 43%, 28%)";
+
 //TODO - rename this variable to "palette"
 export const palette = {
   black: "black",
diff --git a/src/layer/place.js b/src/layer/place.js
index 192c3a086..0abda0ef0 100644
--- a/src/layer/place.js
+++ b/src/layer/place.js
@@ -212,7 +212,7 @@ export const suburb = {
   id: "place_suburb",
   type: "symbol",
   paint: {
-    "text-color": Color.waterLabel,
+    "text-color": Color.urbanSubAreaLabel,
     "text-halo-color": labelHaloColor,
     "text-halo-width": [
       "interpolate",
@@ -270,7 +270,7 @@ export const quarter = {
   id: "place_quarter",
   type: "symbol",
   paint: {
-    "text-color": Color.waterLabel,
+    "text-color": Color.urbanSubAreaLabel,
     "text-halo-color": labelHaloColor,
     "text-halo-width": [
       "interpolate",
@@ -326,7 +326,7 @@ export const neighborhood = {
   id: "place_neighborhood",
   type: "symbol",
   paint: {
-    "text-color": Color.waterLabel,
+    "text-color": Color.urbanSubAreaLabel,
     "text-halo-color": labelHaloColor,
     "text-halo-width": [
       "interpolate",