diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.scss b/src/features/online-board/components/OnlineBoardDetailsPage.scss
index 5b604689..1623b19f 100644
--- a/src/features/online-board/components/OnlineBoardDetailsPage.scss
+++ b/src/features/online-board/components/OnlineBoardDetailsPage.scss
@@ -121,7 +121,10 @@
 
   &__center--cancelled {
     .leg-route__status-text { color: colors.$red; }
-    .leg-route__bar { background: #fbd4d4; }
+    // Light tint of $red (C8102E) for the track — derived from the
+    // brand token rather than a one-off hex so palette refactors keep
+    // the cancelled bar in step with the other red accents.
+    .leg-route__bar { background: rgba(colors.$red, 0.2); }
     .leg-route__bar-inner { background: colors.$red; }
   }