diff --git a/public/js/src_modules/chartScatterPlot.mjs b/public/js/src_modules/chartScatterPlot.mjs
index 71a32d98c0c37006ef8d2dfc58bb2414e2d9886c..345465c4702bd405f54c529c5df68663e9ff44ac 100644
--- a/public/js/src_modules/chartScatterPlot.mjs
+++ b/public/js/src_modules/chartScatterPlot.mjs
@@ -136,14 +136,14 @@ const createSeriesOptionsForScatterPlot = function (
   // An array of colors, in hexadecimal format, provided by the global Highcharts object
   const highchartsColorsArr = Highcharts.getOptions().colors;
 
-  // Create a reversed copy of the colors array
-  const highchartsColorsReversedArr = [...highchartsColorsArr].reverse();
+  // Create a local copy of the colors array
+  const highchartsColorsForScatterPlotArr = [...highchartsColorsArr];
 
   // Opacity value for symbol
   const SERIES_SYMBOL_COLOR_OPACITY = ".3";
 
   // Create array of colors in RGBA format
-  const seriesColors = highchartsColorsReversedArr.map(
+  const seriesColorsArr = highchartsColorsForScatterPlotArr.map(
     (hexColorCode) =>
       `rgba(${convertHexColorToRGBColor(
         hexColorCode
@@ -169,7 +169,7 @@ const createSeriesOptionsForScatterPlot = function (
       return {
         name: `${phenomenonNamesYAxisArr[i]}, ${phenomenonNameXAxis}`,
         data: formattedObsArray,
-        color: seriesColors[i],
+        color: seriesColorsArr[i],
       };
     });
   }