diff --git a/client/src/components/weatherCharts/DailyChart/index.js b/client/src/components/weatherCharts/DailyChart/index.js
index d934933..d995896 100644
--- a/client/src/components/weatherCharts/DailyChart/index.js
+++ b/client/src/components/weatherCharts/DailyChart/index.js
@@ -88,6 +88,7 @@ const createChartOptions = ({
 const chartColors = {
   blue: "rgba(63, 127, 191, 0.5)",
   gray: "rgba(127, 127, 127, 0.5)",
+  orange: "rgba(226, 99, 71)",
 };
 
 const mapChartData = ({
@@ -121,8 +122,8 @@ const mapChartData = ({
             : convertTemp(temperature, tempUnit);
         }),
         yAxisID: "y-axis-1",
-        borderColor: chartColors.gray,
-        backgroundColor: chartColors.gray,
+        borderColor: chartColors.orange,
+        backgroundColor: chartColors.orange,
         fill: false,
       },
       {
diff --git a/client/src/components/weatherCharts/HourlyChart/index.js b/client/src/components/weatherCharts/HourlyChart/index.js
index b824ae2..493cf23 100644
--- a/client/src/components/weatherCharts/HourlyChart/index.js
+++ b/client/src/components/weatherCharts/HourlyChart/index.js
@@ -88,6 +88,7 @@ const chartOptions = ({
 const chartColors = {
   blue: "rgba(63, 127, 191, 0.5)",
   gray: "rgba(127, 127, 127, 0.5)",
+  orange: "rgba(226, 99, 71)",
 };
 
 const mapChartData = ({
@@ -126,8 +127,8 @@ const mapChartData = ({
             : convertTemp(temperature, tempUnit);
         }),
         yAxisID: "y-axis-1",
-        borderColor: chartColors.gray,
-        backgroundColor: chartColors.gray,
+        borderColor: chartColors.orange,
+        backgroundColor: chartColors.orange,
         fill: false,
       },
       {