diff --git a/frontend/src/themes/dark-theme.ts b/frontend/src/themes/dark-theme.ts
index 67b61740e5..23206a328e 100644
--- a/frontend/src/themes/dark-theme.ts
+++ b/frontend/src/themes/dark-theme.ts
@@ -220,6 +220,15 @@ const theme = {
          * Dashboard and charts
          */
         charts: {
+            A1: '#6C65E5',
+            A2: '#8C87EB',
+            A3: '#ADA9F1',
+            A4: '#CECCF6',
+            A5: '#F1F0FC',
+            B: '#1791AE',
+            C: '#DF416E',
+            D: '#D76500',
+            E: '#68A611',
             series: colors.chartSeries,
         },
     },
diff --git a/frontend/src/themes/theme.ts b/frontend/src/themes/theme.ts
index 120a3ca5e9..1b3045bbf8 100644
--- a/frontend/src/themes/theme.ts
+++ b/frontend/src/themes/theme.ts
@@ -276,6 +276,15 @@ const theme = {
          * Dashboard and charts
          */
         charts: {
+            A1: '#6C65E5',
+            A2: '#8C87EB',
+            A3: '#ADA9F1',
+            A4: '#CECCF6',
+            A5: '#F1F0FC',
+            B: '#1791AE',
+            C: '#DF416E',
+            D: '#D76500',
+            E: '#68A611',
             series: colors.chartSeries,
         },
     },
diff --git a/frontend/src/themes/themeTypes.ts b/frontend/src/themes/themeTypes.ts
index 66fe6f520b..11ead896b1 100644
--- a/frontend/src/themes/themeTypes.ts
+++ b/frontend/src/themes/themeTypes.ts
@@ -138,6 +138,15 @@ declare module '@mui/material/styles' {
          * Dashboard and charts
          */
         charts: {
+            A1: string;
+            A2: string;
+            A3: string;
+            A4: string;
+            A5: string;
+            B: string;
+            C: string;
+            D: string;
+            E: string;
             series: string[];
         };
     }