diff --git a/webapp/src/components/WorksheetCanvas/worksheetCanvas.ts b/webapp/src/components/WorksheetCanvas/worksheetCanvas.ts
index d89490b..e624fd5 100644
--- a/webapp/src/components/WorksheetCanvas/worksheetCanvas.ts
+++ b/webapp/src/components/WorksheetCanvas/worksheetCanvas.ts
@@ -17,6 +17,7 @@ import {
   headerTextColor,
   outlineColor,
 } from "./constants";
+import { getColor } from "../editor/util";
 
 export interface CanvasSettings {
   model: Model;
@@ -1281,7 +1282,7 @@ export default class WorksheetCanvas {
       activeRanges = activeRanges.concat([
         {
           ...referencedRange.range,
-          color: "#343423",
+          color: getColor(activeRanges.length),
         },
       ]);
     }