diff --git a/client/src/theme/new_palette.ts b/client/src/theme/new_palette.ts
new file mode 100644
index 000000000..c28f4d25d
--- /dev/null
+++ b/client/src/theme/new_palette.ts
@@ -0,0 +1,21 @@
+const typographyBase = 13;
+
+export const typographyLevels = {
+  base: typographyBase,
+  xs: `${(typographyBase - 4) / 16}rem`,
+  s: `${(typographyBase - 2) / 16}rem`,
+  m: `${typographyBase / 16}rem`,
+  l: `${(typographyBase + 2) / 16}rem`,
+  xl: `${(typographyBase + 10) / 16}rem`,
+};
+
+export const lightPalette = {
+  primary: {
+    main: "#1570ef",
+  },
+};
+export const darkPalette = {
+  primary: {
+    main: "#1570ef",
+  },
+};
diff --git a/client/src/theme/theme.ts b/client/src/theme/theme.ts
index e11f4ac39..3b081a048 100644
--- a/client/src/theme/theme.ts
+++ b/client/src/theme/theme.ts
@@ -1,5 +1,6 @@
 import { createTheme } from "@mui/material";
-import { lightPalette, darkPalette, typographyLevels } from "./palette";
+// import { lightPalette, darkPalette, typographyLevels } from "./palette";
+import { lightPalette, darkPalette, typographyLevels } from "./new_palette";
 
 import type { Theme } from "@mui/material/styles";
 
@@ -9,7 +10,7 @@ export type PaletteKey = {
     : never;
 }[keyof Theme["palette"]];
 
-const fontFamilyPrimary = 'system-ui, sans-serif';
+const fontFamilyPrimary = "system-ui, sans-serif";
 const shadow =
   "0px 4px 24px -4px rgba(16, 24, 40, 0.08), 0px 3px 3px -3px rgba(16, 24, 40, 0.03)";