diff --git a/crates/frontend/public/templates/pages/user.html b/crates/frontend/public/templates/pages/user.html
index f357ba7..6eb997b 100644
--- a/crates/frontend/public/templates/pages/user.html
+++ b/crates/frontend/public/templates/pages/user.html
@@ -68,7 +68,7 @@
 <h2>Calendars</h2>
 <ul>
   {% for calendar in calendars %}
-  {% let color = calendar.color.to_owned().unwrap_or("red".to_owned()) %}
+  {% let color = calendar.color.to_owned().unwrap_or("transparent".to_owned()) %}
   <li class="collection-list-item" style="--color: {{ color }}">
     <a href="/frontend/user/{{ calendar.principal }}/calendar/{{ calendar.id }}">
       <span class="title">{{ calendar.displayname.to_owned().unwrap_or(calendar.id.to_owned()) }}</span>
@@ -100,7 +100,7 @@
 <h3>Deleted Calendars</h3>
 <ul>
   {% for calendar in deleted_calendars %}
-  {% let color = calendar.color.to_owned().unwrap_or("red".to_owned()) %}
+  {% let color = calendar.color.to_owned().unwrap_or("transparent".to_owned()) %}
   <li class="collection-list-item" style="--color: {{ color }}">
     <a href="/frontend/user/{{ calendar.principal }}/calendar/{{ calendar.id}}">
       <span class="title">{{ calendar.displayname.to_owned().unwrap_or(calendar.id.to_owned()) }}</span>