diff --git a/resources/skins.vector.styles/MenuDropdown.less b/resources/skins.vector.styles/MenuDropdown.less
index 7415f1030..2ae43bdff 100644
--- a/resources/skins.vector.styles/MenuDropdown.less
+++ b/resources/skins.vector.styles/MenuDropdown.less
@@ -10,7 +10,7 @@
 	line-height: 1.125em;
 
 	h3 {
-		color: @color-nav-subtle;
+		color: @color-base--subtle;
 		position: relative;
 		display: block;
 		.box-sizing( border-box );
diff --git a/resources/skins.vector.styles/MenuPortal.less b/resources/skins.vector.styles/MenuPortal.less
index ebe1de5d7..57e53a9d8 100644
--- a/resources/skins.vector.styles/MenuPortal.less
+++ b/resources/skins.vector.styles/MenuPortal.less
@@ -15,13 +15,13 @@
 		background-position: center bottom;
 		background-repeat: no-repeat;
 		background-size: 100% @border-width-base;
-		color: @color-nav-subtle;
-		font-weight: normal;
+		color: @color-base--subtle;
 		margin: 0.5em 0 0 ( @margin-start-nav-main-body / @font-size-nav-main-heading );
-		padding: 0.25em 0;
-		cursor: default;
 		border: 0;
+		padding: 0.25em 0;
 		font-size: @font-size-nav-main-heading;
+		font-weight: normal;
+		cursor: default;
 	}
 
 	.body {
diff --git a/variables.less b/variables.less
index 7212117d2..65653549b 100644
--- a/variables.less
+++ b/variables.less
@@ -38,6 +38,7 @@
 @background-color-base: #fff;
 @color-base: #202122;
 @color-base--emphasized: #000;
+@color-base--subtle: #54595d;
 @color-link: #0645ad;
 @color-link--visited: #0b0080;
 @color-link-new: #a55858;