diff --git a/index.html b/index.html
index edc0dc2..e53391e 100644
--- a/index.html
+++ b/index.html
@@ -15,8 +15,8 @@
       href="/apple-touch-icon-180x180.png"
       sizes="180x180"
     />
-    <link rel="mask-icon" href="/masked-icon.png" color="#ffffff" />
-    <meta name="theme-color" content="#2C3A47" />
+    <link rel="mask-icon" href="/masked-icon.png" color="#ffa4c0" />
+    <meta name="theme-color" content="#2e5c1a" />
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css"
diff --git a/public/apple-touch-icon-180x180.png b/public/apple-touch-icon-180x180.png
index 5a50805..1985a84 100644
Binary files a/public/apple-touch-icon-180x180.png and b/public/apple-touch-icon-180x180.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index 5a50805..1985a84 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/pwa-192x192.png b/public/pwa-192x192.png
index 1151937..a615614 100644
Binary files a/public/pwa-192x192.png and b/public/pwa-192x192.png differ
diff --git a/public/pwa-512x512.png b/public/pwa-512x512.png
index 2bd368b..b6e9d22 100644
Binary files a/public/pwa-512x512.png and b/public/pwa-512x512.png differ
diff --git a/public/pwa-64x64.png b/public/pwa-64x64.png
index b36b99a..45c86a9 100644
Binary files a/public/pwa-64x64.png and b/public/pwa-64x64.png differ
diff --git a/src/styles/app.css b/src/styles/app.css
index 085023b..5666b39 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -4,7 +4,7 @@
 @import url("https://fonts.googleapis.com/css2?display=swap&family=Courier+Prime&family=Libertinus+Serif");
 
 :root {
-  --primary-color: #2c3a47;
+  --primary-color: #2e5c1a;
   --font-family: "Libertinus Serif", serif;
   --font-size: 13pt;
   --font-color: #4a4a4a;
diff --git a/vite.config.mts b/vite.config.mts
index 13a7775..f426947 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -3,8 +3,6 @@ import path from "path"
 import { defineConfig, type UserConfigExport } from "vite"
 import { VitePWA } from "vite-plugin-pwa"
 
-const mainColor = "#2C3A47"
-
 export default defineConfig(({ command }) => {
   const config: UserConfigExport = {
     plugins: [
@@ -28,8 +26,8 @@ export default defineConfig(({ command }) => {
           name: "Remanso",
           short_name: "Remanso",
           description: "Note taking & sharing app",
-          background_color: mainColor,
-          theme_color: mainColor,
+          background_color: "#ffa4c0",
+          theme_color: "#2e5c1a",
           icons: [
             {
               src: "pwa-64x64.png",