diff --git a/src/components/Controls.tsx b/src/components/Controls.tsx
index c787114..fc0a8d0 100644
--- a/src/components/Controls.tsx
+++ b/src/components/Controls.tsx
@@ -243,7 +243,7 @@ const Controls: React.FC<ControlsProps> = ({
 
       <Box sx={mainActionsContainerStyles}>
         <Box sx={tileContainerStyles}>
-          <Button variant="outlined" onClick={tile}>
+          <Button variant="contained" color="secondary" onClick={tile} >
             Tile
           </Button>
         </Box>
diff --git a/src/theme.ts b/src/theme.ts
index 74ac87b..ab8bafa 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -1,3 +1,12 @@
 import { createTheme } from "@mui/material/styles";
 
-export const theme = createTheme({});
+export const theme = createTheme({
+    palette: {
+        primary: {
+            main: "#025159"
+        },
+        secondary: {
+            main: "#38a0ac"
+        }
+    }
+});