diff --git a/src/sass/_color-palette-catppuccin-mocha.scss b/src/sass/_color-palette-catppuccin-mocha.scss
new file mode 100644
index 00000000..8a905942
--- /dev/null
+++ b/src/sass/_color-palette-catppuccin-mocha.scss
@@ -0,0 +1,72 @@
+// Default Theme Color Palette
+
+// Red
+$red-light: #f38ba8;
+$red-dark: #8c0e32;
+
+// Pink
+$pink-light: #f5c2e7;
+$pink-dark: #841667;
+
+// Purple
+$purple-light: #cba6f7;
+$purple-dark: #470d8d;
+
+// Blue
+$blue-light: #89b4fa;
+$blue-dark: #063d94;
+
+// Teal
+$teal-light: #94e2d5;
+$teal-dark: #21796a;
+
+// Green
+$green-light: #a6e3a1;
+$green-dark: #2a7723;
+
+// Yellow
+$yellow-light: #f9e2af;
+$yellow-dark: #8f650b;
+
+// Orange
+$orange-light: #fab387;
+$orange-dark: #943c06;
+
+// Grey
+$grey-050: #cdd6f4;
+$grey-100: #bac2de;
+$grey-150: #bac2de;
+$grey-200: #a6adc8;
+$grey-250: #a6adc8;
+$grey-300: #7f849c;
+$grey-350: #7f849c;
+$grey-400: #6c7086;
+$grey-450: #6c7086;
+$grey-500: #585b70;
+$grey-550: #585b70;
+$grey-600: #45475a;
+$grey-650: #45475a;
+$grey-700: #313244;
+$grey-750: #313244;
+$grey-800: #1e1e2e;
+$grey-850: #1e1e2e;
+$grey-900: #11111b;
+$grey-950: #11111b;
+
+// White
+$white: #FFFFFF;
+
+// Black
+$black: #000000;
+
+// Button
+$button-close: #f38ba8;
+$button-max: #a6e3a1;
+$button-min: #f9e2af;
+
+// Link
+$links: #89dceb;
+
+// Theme
+$default-light: $purple-light;
+$default-dark: $purple-dark;