diff --git a/src/styles/global.css b/src/styles/global.css
index 90bf209c..0586a56b 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -15,6 +15,7 @@
     --ayu-selection: #3388ff;
     --ayu-inactive: #80b5ff;
     --ayu-gutter: #6c7380;
+    --ayu-gutter-dim: #364253;
     --ayu-guide: #6c7380;
     --ayu-shadow: #10141c;
 
@@ -162,6 +163,9 @@ body {
 .border-ayu-gutter {
     border-color: var(--ayu-gutter);
 }
+.border-ayu-gutter-dim {
+    border-color: var(--ayu-gutter-dim);
+}
 .border-ayu-selection {
     border-color: var(--ayu-selection);
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 544e336a..cfd78ca2 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,6 +13,7 @@ export default {
                     // foreground colors
                     fg: "#bfbdb6",
                     gutter: "#6c7380",
+                    "gutter-dim": "#364253",
                     guide: "#6c7380",
 
                     // accent colors