diff --git a/index.html b/index.html
index 13fa34f..a461cbb 100644
--- a/index.html
+++ b/index.html
@@ -209,11 +209,11 @@ body { margin: 0; font: 13px/1.4 system-ui, sans-serif; background: #f5f5f5; col
         </div>
         <div id="legend">
           <div class="leg"><span class="leg-swatch" style="background:#2d7a3e"></span>PhenoCam</div>
-          <div class="leg"><span class="leg-swatch" style="background:#aaa"></span>S2</div>
-          <div class="leg"><span class="leg-swatch" style="background:#333;border-top:2px dashed #555;height:0;width:20px"></span>Whittaker</div>
+          <div class="leg"><span class="leg-swatch" style="background:#8a8f98"></span>S2</div>
+          <div class="leg"><span class="leg-swatch" style="background:transparent;border-top:2px dashed #7c3aed;height:0;width:20px"></span>Whittaker</div>
           <div class="leg"><span class="leg-swatch" style="background:#0066cc"></span>BtI</div>
           <div class="leg"><span class="leg-swatch" style="background:#cc6600"></span>ItB</div>
-          <div class="leg"><span class="leg-swatch" style="background:#cc0000;opacity:.4"></span>S3</div>
+          <div class="leg"><span class="leg-swatch" style="background:#d81b60"></span>S3</div>
           <div class="leg"><span class="leg-swatch" style="background:#cc0000"></span>S3 smooth</div>
         </div>
       </div>
@@ -836,11 +836,11 @@ function updatePhoto(dateStr) {
 // ── GCC canvas ──
 const SERIES = [
   { key: "phenocam",    val: "gcc_90", color: "#2d7a3e", width: 2,   dash: [] },
-  { key: "s2",         val: "gcc",    color: "#bbb",    width: 1,   dash: [] },
-  { key: "s2_whittaker",val: "gcc",   color: "#444",    width: 1.5, dash: [4,3] },
+  { key: "s2",         val: "gcc",    color: "#8a8f98", width: 1,   dash: [] },
+  { key: "s2_whittaker",val: "gcc",   color: "#7c3aed", width: 1.5, dash: [4,3] },
   { key: "bti",        val: "gcc",    color: "#0066cc", width: 1.5, dash: [] },
   { key: "itb",        val: "gcc",    color: "#cc6600", width: 1.5, dash: [] },
-  { key: "s3",         val: "gcc",    color: "rgba(204,0,0,0.35)", width: 1, dash: [] },
+  { key: "s3",         val: "gcc",    color: "#d81b60", width: 1.2, dash: [] },
   { key: "s3_smooth",  val: "gcc",    color: "#cc0000", width: 1.5, dash: [] },
 ];
 
@@ -924,7 +924,7 @@ function drawGCC(sliderVal) {
     if (!nearest) continue;
     const vv = nearest[s.val];
     const tx = cx + 4, ty = yOf(vv);
-    ctx.fillStyle = s.color === "rgba(204,0,0,0.35)" ? "#cc0000" : s.color;
+    ctx.fillStyle = s.color;
     ctx.fillText(vv.toFixed(3), tx, ty);
   }
 }