diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx
index 012fc5cb..439259d6 100644
--- a/src/pages/home/Home.tsx
+++ b/src/pages/home/Home.tsx
@@ -49,6 +49,7 @@ interface Server {
     inviteCode: string;
     disabled: boolean;
     new: boolean;
+    showcolor: string;
     sortorder: number;
 }
 
@@ -62,6 +63,16 @@ const NewServerWrapper = styled.div`
     }
 `;
 
+// Dynamic color wrapper component
+const ColorWrapper = styled.div<{ color: string }>`
+    color: ${props => props.color};
+    display: contents;
+
+    a {
+        color: ${props => props.color};
+    }
+`;
+
 const CACHE_KEY = "server_list_cache";
 const CACHE_DURATION = 1 * 60 * 1000; // 1 minutes in milliseconds
 
@@ -195,11 +206,13 @@ const Home: React.FC = () => {
             <Link to={linkTo}>{buttonContent}</Link>
         );
 
-        return server.new ? (
-            <NewServerWrapper>{content}</NewServerWrapper>
-        ) : (
-            content
-        );
+        if (server.showcolor && server.showcolor.trim()) {
+            content = <ColorWrapper color={server.showcolor}>{content}</ColorWrapper>;
+        } else if (server.new) {
+            content = <NewServerWrapper>{content}</NewServerWrapper>;
+        }
+
+        return content;
     };
 
     if (loading) {