diff --git a/ui/home/indicators/ChainIndicatorChart.tsx b/ui/home/indicators/ChainIndicatorChart.tsx
index 350cd1af79..3da28b62b9 100644
--- a/ui/home/indicators/ChainIndicatorChart.tsx
+++ b/ui/home/indicators/ChainIndicatorChart.tsx
@@ -20,7 +20,7 @@ const CHART_MARGIN = { bottom: 5, left: 10, right: 10, top: 0 };
 
 const ChainIndicatorChart = ({ data }: Props) => {
   const overlayRef = React.useRef<SVGRectElement>(null);
-  const lineColor = useColorModeValue('#3CAD71', '#07FC99');
+  const lineColor = useColorModeValue('#1ACD6E', '#07FC99');
 
   const [ rect, ref ] = useClientRect<SVGSVGElement>();
   const { innerWidth, innerHeight } = calculateInnerSize(rect, CHART_MARGIN);
diff --git a/ui/shared/chart/ChartWidgetGraph.tsx b/ui/shared/chart/ChartWidgetGraph.tsx
index ecdb7bed26..8ded1ec108 100644
--- a/ui/shared/chart/ChartWidgetGraph.tsx
+++ b/ui/shared/chart/ChartWidgetGraph.tsx
@@ -33,7 +33,7 @@ const DEFAULT_CHART_MARGIN = { bottom: 20, left: 40, right: 20, top: 10 };
 
 const ChartWidgetGraph = ({ isEnlarged, items, onZoom, isZoomResetInitial, title, margin, units }: Props) => {
   const isMobile = useIsMobile();
-  const color = useColorModeValue('#3CAD71', '#07FC99');
+  const color = useColorModeValue('#1ACD6E', '#07FC99');
   const overlayRef = React.useRef<SVGRectElement>(null);
 
   const [ rect, ref ] = useClientRect<SVGSVGElement>();