diff --git a/services/web/public/stylesheets/app/editor.less b/services/web/public/stylesheets/app/editor.less
index 9224dbe181..97429f1d7b 100644
--- a/services/web/public/stylesheets/app/editor.less
+++ b/services/web/public/stylesheets/app/editor.less
@@ -161,7 +161,7 @@
 		text-overflow: ellipsis;
 		vertical-align: top;
 		padding: 6px;
-		color: @gray;
+		color: @project-name-color;
 		font-weight: 700;
 		white-space: nowrap;
 	}
@@ -175,12 +175,12 @@
 	a.rename {
 		visibility: hidden;
 		display: inline-block;
-		color: @gray-light;
+		color: @project-rename-link-color;
 		padding: 5px;
 		border-radius: @border-radius-small;
 		&:hover {
 			text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-			color: @gray-dark;
+			color: @project-rename-link-color-hover;
 			text-decoration: none;
 		}
 	}
diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less
index f354893661..02bda45121 100644
--- a/services/web/public/stylesheets/core/_common-variables.less
+++ b/services/web/public/stylesheets/core/_common-variables.less
@@ -884,24 +884,27 @@
 @footer-padding                : 2em;
 
 // Editor header
-@toolbar-header-bg-color        : transparent;
-@toolbar-header-shadow          : 0 0 2px #ccc;
-@toolbar-btn-color              : @link-color;
-@toolbar-btn-hover-color        : @link-hover-color;
-@toolbar-btn-hover-bg-color     : darken(white, 10%);
-@toolbar-btn-hover-text-shadow  : 0 1px 0 rgba(0, 0, 0, 0.15);
-@toolbar-btn-active-color       : white;
-@toolbar-btn-active-bg-color    : @link-color;
-@toolbar-btn-active-shadow      : inset 0 3px 5px rgba(0, 0, 0, 0.225);
-@toolbar-font-size              : 12px;
-@toolbar-alt-bg-color           : #fafafa;
-@toolbar-icon-btn-color         : @gray-light;
-@toolbar-icon-btn-hover-color   : @gray-dark;
-@toolbar-icon-btn-hover-shadow  : 0 1px 0 rgba(0, 0, 0, 0.25);
-@toolbar-icon-btn-hover-boxshadow : inset 0 3px 5px rgba(0, 0, 0, 0.225);
-@toolbar-border-bottom            : 1px solid @toolbar-border-color;
-@toolbar-small-height             : 32px;
-@toolbar-tall-height              : 58px;
+@toolbar-header-bg-color         : transparent;
+@toolbar-header-shadow           : 0 0 2px #ccc;
+@toolbar-btn-color               : @link-color;
+@toolbar-btn-hover-color         : @link-hover-color;
+@toolbar-btn-hover-bg-color      : darken(white, 10%);
+@toolbar-btn-hover-text-shadow   : 0 1px 0 rgba(0, 0, 0, 0.15);
+@toolbar-btn-active-color        : white;
+@toolbar-btn-active-bg-color     : @link-color;
+@toolbar-btn-active-shadow       : inset 0 3px 5px rgba(0, 0, 0, 0.225);
+@toolbar-font-size               : 12px;
+@toolbar-alt-bg-color            : #fafafa;
+@toolbar-icon-btn-color          : @gray-light;
+@toolbar-icon-btn-hover-color    : @gray-dark;
+@toolbar-icon-btn-hover-shadow   : 0 1px 0 rgba(0, 0, 0, 0.25);
+@toolbar-icon-btn-hover-boxshadow: inset 0 3px 5px rgba(0, 0, 0, 0.225);
+@toolbar-border-bottom           : 1px solid @toolbar-border-color;
+@toolbar-small-height            : 32px;
+@toolbar-tall-height             : 58px;
+@project-name-color              : @gray;
+@project-rename-link-color       : @gray-light;
+@project-rename-link-color-hover : @gray-dark;
 
 // Editor file-tree
 @file-tree-bg                    : transparent;
diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less
index 7a19278500..632c326b81 100644
--- a/services/web/public/stylesheets/core/ol-variables.less
+++ b/services/web/public/stylesheets/core/ol-variables.less
@@ -202,6 +202,9 @@
 @toolbar-border-bottom            : 1px solid @toolbar-border-color;
 @toolbar-icon-btn-hover-boxshadow : none;
 @toolbar-font-size                : 13px;
+@project-name-color               : @ol-blue-gray-2;
+@project-rename-link-color        : @ol-blue-gray-2;
+@project-rename-link-color-hover  : @ol-blue-gray-1;
 
 // Editor file-tree
 @file-tree-bg                   : @ol-blue-gray-4;