diff --git a/_assets/styles/_home.scss b/_assets/styles/_home.scss
index 9625858fc..fc1d71ca0 100644
--- a/_assets/styles/_home.scss
+++ b/_assets/styles/_home.scss
@@ -17,6 +17,8 @@
   --parchment: #{$body-bg};
   --primary-tint: #{tint-color($primary, 30%)};
   --primary-deep: #{shade-color($primary, 25%)};
+  --quaternary-pale: #{tint-color($quaternary, 88%)};
+  --quaternary-deep: #{shade-color($quaternary, 25%)};
   --nav-h: #{$navbar-height};
   --sans: #{$font-family-sans-serif};
   --mono: #{$font-family-monospace};
@@ -469,10 +471,13 @@
   letter-spacing: 0.08em;
 }
 
+// A pale fill with its own deep text, as `.tag-when` beside it is: on the ink
+// bar the two read as the same kind of chip, and the words clear 4.5:1, which
+// parchment on a solid quaternary does not at this size.
 .tag-soon {
   margin-left: auto;
-  color: var(--parchment);
-  background-color: var(--quaternary);
+  color: var(--quaternary-deep);
+  background-color: var(--quaternary-pale);
 }
 
 .install-code {