diff --git a/pages/coop.tsx b/pages/coop.tsx
index bd9c147..af4452b 100644
--- a/pages/coop.tsx
+++ b/pages/coop.tsx
@@ -44,6 +44,13 @@ export default function CoopPage() {
   const pageWidth = useWindowDimensions().width;
   const isMobile = useIsMobile();
 
+  const colorRange = [
+    Color.primaryAccent,
+    Color.secondaryAccentLight,
+    Color.primaryAccentLight,
+    Color.secondaryAccent,
+  ];
+
   return (
     <div className={styles.page}>
       <Header />
@@ -78,12 +85,7 @@ export default function CoopPage() {
             left: 30,
             right: 20,
           }}
-          colorRange={[
-            Color.primaryAccent,
-            Color.secondaryAccentLight,
-            Color.primaryAccentLight,
-            Color.secondaryAccent,
-          ]}
+          colorRange={colorRange}
         />
       </ComponentWrapper>
 
@@ -192,12 +194,7 @@ export default function CoopPage() {
       >
         <LineGraph
           data={C7ii}
-          colorRange={[
-            Color.primaryAccent,
-            Color.secondaryAccentLight,
-            Color.primaryAccentLighter,
-            Color.secondaryAccent,
-          ]}
+          colorRange={colorRange}
           width={isMobile ? pageWidth / 1.5 : 600}
           height={DefaultProp.graphHeight}
           margin={{
@@ -320,12 +317,6 @@ export default function CoopPage() {
               left: 30,
               right: 20,
             }}
-            colorRange={[
-              Color.primaryAccent,
-              Color.secondaryAccentLight,
-              Color.primaryAccentLight,
-              Color.secondaryAccent,
-            ]}
           />
         </div>
       </ComponentWrapper>