diff --git a/packages/web/public/icon-192.png b/packages/web/public/icon-192.png
index 12c1bf6..1d857e7 100644
Binary files a/packages/web/public/icon-192.png and b/packages/web/public/icon-192.png differ
diff --git a/packages/web/public/icon-512.png b/packages/web/public/icon-512.png
index c9c4fac..e38c1aa 100644
Binary files a/packages/web/public/icon-512.png and b/packages/web/public/icon-512.png differ
diff --git a/packages/web/public/icon.svg b/packages/web/public/icon.svg
new file mode 100644
index 0000000..c2020e1
--- /dev/null
+++ b/packages/web/public/icon.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 0 58 58" fill="none">
+  <!-- Warm cream background -->
+  <rect x="-5" y="0" width="58" height="58" fill="#FAFAF8"/>
+
+  <!-- Tab/receipt body with cat-ear peaks at top corners -->
+  <path
+    d="M 4,16 L 10,4 L 16,16 L 32,16 L 38,4 L 44,16 L 44,52 Q 44,56 40,56 L 8,56 Q 4,56 4,52 Z"
+    fill="#F97316"
+  />
+
+  <!-- Left eye -->
+  <ellipse cx="16" cy="22" rx="4" ry="4" fill="white"/>
+  <ellipse cx="16" cy="22" rx="1.4" ry="2.2" fill="#1C1917"/>
+
+  <!-- Right eye -->
+  <ellipse cx="32" cy="22" rx="4" ry="4" fill="white"/>
+  <ellipse cx="32" cy="22" rx="1.4" ry="2.2" fill="#1C1917"/>
+
+  <!-- Nose -->
+  <ellipse cx="24" cy="27.5" rx="1.2" ry="0.9" fill="white" opacity="0.75"/>
+
+  <!-- Whiskers — 3 per side -->
+  <line x1="13" y1="25.5" x2="4" y2="23" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.8"/>
+  <line x1="13" y1="27.5" x2="4" y2="27.5" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.8"/>
+  <line x1="13" y1="29.5" x2="4" y2="31.5" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.8"/>
+
+  <line x1="35" y1="25.5" x2="44" y2="23" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.8"/>
+  <line x1="35" y1="27.5" x2="44" y2="27.5" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.8"/>
+  <line x1="35" y1="29.5" x2="44" y2="31.5" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.8"/>
+
+  <!-- Receipt lines -->
+  <line x1="15" y1="36" x2="33" y2="36" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+  <line x1="15" y1="42" x2="29" y2="42" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+  <line x1="15" y1="48" x2="23" y2="48" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
diff --git a/packages/web/vite.config.ts b/packages/web/vite.config.ts
index 3836ae1..1028e42 100644
--- a/packages/web/vite.config.ts
+++ b/packages/web/vite.config.ts
@@ -25,7 +25,7 @@ export default defineConfig({
         name: 'Tabby',
         short_name: 'Tabby',
         description: 'Split expenses with friends, no account required',
-        theme_color: '#6366f1',
+        theme_color: '#F97316',
         background_color: '#ffffff',
         display: 'standalone',
         start_url: '/',