diff --git a/frontend/src/ts/constants/themes.ts b/frontend/src/ts/constants/themes.ts
index dc0fcaa3d20a..fa23117323c8 100644
--- a/frontend/src/ts/constants/themes.ts
+++ b/frontend/src/ts/constants/themes.ts
@@ -2322,6 +2322,19 @@ export const themes: Record<ThemeName, Theme> = {
     colorfulError: "#b29a91",
     colorfulErrorExtra: "#b29a91",
   },
+  sakura: {
+    bg: "#FDE8E9",
+    caret: "#D8A15D",
+    main: "#6D2136",
+    sub: "#9D7E88",
+    subAlt: "#F8C9D3",
+    text: "#40232C",
+    error: "#C85A72",
+    errorExtra: "#8A3448",
+    colorfulError: "#C85A72",
+    colorfulErrorExtra: "#8A3448",
+    hasCss: true,
+  },
 };
 
 export type ThemeWithName = Theme & { name: ThemeName };
diff --git a/frontend/static/themes/sakura.css b/frontend/static/themes/sakura.css
new file mode 100644
index 000000000000..076b8202a7aa
--- /dev/null
+++ b/frontend/static/themes/sakura.css
@@ -0,0 +1,18 @@
+/* frontend/static/themes/sakura.css */
+[data-nav-item] {
+  border-radius: 10rem !important;
+  --themable-button-text: var(--main-color);
+  --themable-button-hover-bg: var(--text-color);
+  --themable-button-hover-text: var(--bg-color);
+}
+
+[data-nav-item="alerts"],
+[data-ui-element="navAvatar"] {
+  --notification-bg: var(--bg-color);
+}
+
+header[data-focused] [data-nav-item],
+[data-ui-element="settingspage"] {
+  --nav-focus-opacity: 0.5;
+  --settings-accent: var(--main-color);
+}
diff --git a/packages/schemas/src/themes.ts b/packages/schemas/src/themes.ts
index ace96ba0a33c..57ded9d40c3e 100644
--- a/packages/schemas/src/themes.ts
+++ b/packages/schemas/src/themes.ts
@@ -156,6 +156,7 @@ export const ThemeNameSchema = z.enum(
     "shadow",
     "shoko",
     "slambook",
+    "sakura",
     "snes",
     "soaring_skies",
     "solarized_dark",