diff --git a/barkmanui/src/pages/home.tsx b/barkmanui/src/pages/home.tsx
index 02a3068..d5ed448 100644
--- a/barkmanui/src/pages/home.tsx
+++ b/barkmanui/src/pages/home.tsx
@@ -7,13 +7,13 @@ function Home() {
     return (
         <>
             <div>
-                <h1 className={"text-red-600"}>Home</h1>
+                <h1 className={"text-brand"}>Home</h1>
             </div>
             <p>
                 ARFF ARFF BARK BARK
             </p>
             <Link to="/inventory">
-                <button className="bg-red-600 rounded text-white font-bold px-4 py-2">Inventory</button>
+                <button className="bg-brand rounded text-white font-bold px-4 py-2">Inventory</button>
             </Link>
 
         </>
diff --git a/barkmanui/src/pages/inventory.tsx b/barkmanui/src/pages/inventory.tsx
index a80e81f..639c031 100644
--- a/barkmanui/src/pages/inventory.tsx
+++ b/barkmanui/src/pages/inventory.tsx
@@ -7,13 +7,13 @@ function Inventory() {
     return (
         <>
             <div>
-                <h1 className={"text-red-600"}>Inventory</h1>
+                <h1 className={"text-brand"}>Inventory</h1>
             </div>
             <p>
                 ARFF ARFF BARK BARK
             </p>
             <Link to="/">
-                <button className="bg-red-600 rounded text-white font-bold px-4 py-2">Home</button>
+                <button className="bg-brand rounded text-white font-bold px-4 py-2">Home</button>
             </Link>
 
         </>
diff --git a/barkmanui/tailwind.config.js b/barkmanui/tailwind.config.js
index df321fe..fc1f49c 100644
--- a/barkmanui/tailwind.config.js
+++ b/barkmanui/tailwind.config.js
@@ -2,7 +2,11 @@
 export default {
   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        brand: "#D40404",
+      },
+    },
   },
   plugins: [],
 }