diff --git a/.env.example b/.env.example
index f03e882..4180a83 100644
--- a/.env.example
+++ b/.env.example
@@ -25,3 +25,4 @@ LIVEKIT_SECRET="secret"
 # VITE_THEME_SYSTEM=#21262c
 # VITE_THEME_BACKGROUND=#15191e
 # VITE_THEME_BACKGROUND_85=#15191ed9
+# VITE_THEME_SUBTLE_PRIMARY=#26282D
diff --git a/src/index.css b/src/index.css
index f9e00ef..1f372a1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -52,6 +52,7 @@ limitations under the License.
   --background: #15191e;
   --background-85: rgba(23, 25, 28, 0.85);
   --bgColor3: #444; /* This isn't found anywhere in the designs or Compound */
+  --subtle-primary: #26282d;
 }
 
 @font-face {
diff --git a/src/initializer.tsx b/src/initializer.tsx
index 37e659e..df5c8af 100644
--- a/src/initializer.tsx
+++ b/src/initializer.tsx
@@ -133,6 +133,10 @@ export class Initializer {
         "--background-85",
         import.meta.env.VITE_THEME_BACKGROUND_85 as string
       );
+      style.setProperty(
+        "--subtle-primary",
+        import.meta.env.VITE_THEME_SUBTLE_PRIMARY as string
+      );
     }
 
     // Custom fonts