diff --git a/packages/perseus/src/styles/perseus-renderer.less b/packages/perseus/src/styles/perseus-renderer.less
index 86dc16deb3..e19530ae4e 100644
--- a/packages/perseus/src/styles/perseus-renderer.less
+++ b/packages/perseus/src/styles/perseus-renderer.less
@@ -544,7 +544,7 @@
 
 .perseus-formats-tooltip {
     background: #fff;
-    color: #717378;
+    color: @textSecondary;
     padding: 5px 10px;
     width: 240px;
 }
diff --git a/packages/perseus/src/styles/variables.less b/packages/perseus/src/styles/variables.less
index df1ca00076..0467ef6230 100644
--- a/packages/perseus/src/styles/variables.less
+++ b/packages/perseus/src/styles/variables.less
@@ -21,6 +21,8 @@
 @gray25: #3b3e40;
 @gray17: #21242c;
 
+@textSecondary: #717378;
+
 // Media query breakpoints
 // --------------------------------------------------