diff --git a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
index f323d41d..e3772815 100644
--- a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
+++ b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
@@ -16,7 +16,7 @@
     cursor: pointer;
     font-weight: 400;
     font-size: 16px;
-    color: #333;
+    color: colors.$text-color;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -50,7 +50,7 @@
 
   &__label {
     font-size: 12px;
-    color: #657282;
+    color: colors.$light-gray;
   }
 
   // Angular shows each value ('15:30' / '17:00') at 12px / 400 in the
@@ -61,12 +61,12 @@
   &__value {
     font-size: 12px;
     font-weight: 400;
-    color: #f37b09;
+    color: colors.$orange;
 
     &--duration {
       font-size: 16px;
       font-weight: 500;
-      color: #333;
+      color: colors.$text-color;
     }
   }
 
@@ -74,7 +74,7 @@
     margin-left: 6px;
     font-size: 11px;
     font-weight: 400;
-    color: #657282;
+    color: colors.$light-gray;
   }
 
   &__days-section {
@@ -85,14 +85,14 @@
   // 12px / #333. Keep the color soft but drop the caps transform.
   &__section-title {
     font-size: 12px;
-    color: #333;
+    color: colors.$text-color;
     margin-bottom: 8px;
   }
 
   &__note {
     margin-top: 12px;
     font-size: 12px;
-    color: #657282;
+    color: colors.$light-gray;
     font-style: normal;
   }
 
@@ -115,16 +115,16 @@
 
   .day {
     padding: 6px 10px;
-    border: 1px solid #d6dde6;
+    border: 1px solid colors.$border-blue;
     border-radius: 3px;
     background: transparent;
     font-size: 12px;
     font-weight: 400;
-    color: #333;
+    color: colors.$text-color;
 
     &--inactive {
       border-color: colors.$border;
-      color: #657282;
+      color: colors.$light-gray;
     }
   }
 }
diff --git a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
index e4ec1e3d..de472344 100644
--- a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
+++ b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
@@ -41,11 +41,12 @@
   }
 
   // Angular renders the mini-list header ('SU 6272') darker and larger
-  // than the surrounding meta: 16px / 400 / #000.
+  // than the surrounding meta: 16px / 400, uses $blue-dark (#022040)
+  // for the brand navy rather than pure black.
   &__flight-number {
     font-size: 16px;
     font-weight: 400;
-    color: #000;
+    color: colors.$blue-dark;
     margin-bottom: 6px;
     display: flex;
     align-items: center;