diff --git a/src/index.js b/src/index.js
index e4df10d..55e7afb 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,9 +4,11 @@ import "./index.css";
 import App from "./App";
 import { ThemeProvider } from "@material-ui/core";
 
+import theme from "./theme.js";
+
 ReactDOM.render(
 	<React.StrictMode>
-		<ThemeProvider>
+		<ThemeProvider theme={theme}>
 			<App />
 		</ThemeProvider>
 	</React.StrictMode>,
diff --git a/src/theme.js b/src/theme.js
new file mode 100644
index 0000000..be95f7b
--- /dev/null
+++ b/src/theme.js
@@ -0,0 +1,20 @@
+import { createMuiTheme } from "@material-ui/core/styles";
+
+const theme = createMuiTheme({
+	palette: {
+		primary: {
+			light: "#ffa4a2",
+			main: "#e57373",
+			dark: "#af4448",
+			contrastText: "#000",
+		},
+		secondary: {
+			light: "#ffeeff",
+			main: "#f8bbd0",
+			dark: "#c48b9f",
+			contrastText: "#000",
+		},
+	},
+});
+
+export default theme;