diff --git a/frontend/src/containers/ReportStep/BoardMetricsChart/ClassificationChart/index.tsx b/frontend/src/containers/ReportStep/BoardMetricsChart/ClassificationChart/index.tsx
index 311b6868f..90245a51e 100644
--- a/frontend/src/containers/ReportStep/BoardMetricsChart/ClassificationChart/index.tsx
+++ b/frontend/src/containers/ReportStep/BoardMetricsChart/ClassificationChart/index.tsx
@@ -56,6 +56,10 @@ function extractClassificationData(classification: string, dateRanges: string[],
       theme.main.boardChart.barColorD,
       theme.main.boardChart.barColorE,
       theme.main.boardChart.barColorF,
+      theme.main.boardChart.barColorG,
+      theme.main.boardChart.barColorH,
+      theme.main.boardChart.barColorI,
+      theme.main.boardChart.barColorJ,
     ],
     trendInfo,
   };
diff --git a/frontend/src/theme.ts b/frontend/src/theme.ts
index 947db6305..dff64be29 100644
--- a/frontend/src/theme.ts
+++ b/frontend/src/theme.ts
@@ -30,6 +30,10 @@ declare module '@mui/material/styles' {
         barColorD: string;
         barColorE: string;
         barColorF: string;
+        barColorG: string;
+        barColorH: string;
+        barColorI: string;
+        barColorJ: string;
         lineColorA: string;
         lineColorB: string;
         gridColor: string;
@@ -143,6 +147,10 @@ export const theme = createTheme({
       barColorD: '#769D7B',
       barColorE: '#C28830',
       barColorF: '#5078e6',
+      barColorG: '#19caad',
+      barColorH: '#bee7e9',
+      barColorI: '#a0eee1',
+      barColorJ: '#d6d5b7',
       lineColorA: '#163C4D',
       lineColorB: '#E16A7C',
       gridColor: '#D9D9D9',