diff --git a/src/web/assets/themes/catppuccin-latte.css b/src/web/assets/themes/catppuccin-latte.css
new file mode 100644
index 0000000..1bdd274
--- /dev/null
+++ b/src/web/assets/themes/catppuccin-latte.css
@@ -0,0 +1,33 @@
+:root {
+  /* body background */
+  --bg-1: #dce0e8;
+  /* background of the content */
+  --bg-2: #e6e9ef;
+  /* input suggestions background */
+  --bg-3: #eff1f5;
+  /* mostly borders */
+  --bg-4: #9ca0b0;
+
+  /* main text color */
+  --fg-1: #4c4f69;
+  /* search result description */
+  --fg-2: #4c4f69;
+  --fg-3: #5c5f77;
+
+  /* focus outline */
+  --accent: #7287fd;
+
+  --link: #1e66f5;
+  --link-visited: #8839ef;
+
+  /* green, success */
+  --positive: #40a02b;
+  /* red, error */
+  --negative: #e64553;
+
+  --syntax-string: #40a02b;
+  --syntax-special: #dc8a78;
+  --syntax-constant: #ea76cb;
+  --syntax-comment: #5c5f77;
+  --syntax-func: #7287fd;
+}
diff --git a/src/web/mod.rs b/src/web/mod.rs
index 7bb6600..792484e 100644
--- a/src/web/mod.rs
+++ b/src/web/mod.rs
@@ -74,6 +74,7 @@ pub async fn run(config: Config) {
         "script.js",
         "robots.txt",
         "themes/catppuccin-mocha.css",
+        "themes/catppuccin-latte.css",
         "themes/nord-bluish.css",
         "themes/discord.css"
     ];
diff --git a/src/web/settings.rs b/src/web/settings.rs
index 6ae09bc..1f34ed4 100644
--- a/src/web/settings.rs
+++ b/src/web/settings.rs
@@ -32,6 +32,7 @@ pub async fn get(
                             select name="stylesheet-url" selected=(config.ui.stylesheet_url) {
                                 { (theme_option("", "Ayu Dark")) }
                                 { (theme_option("/themes/catppuccin-mocha.css", "Catppuccin Mocha")) }
+                                { (theme_option("/themes/catppuccin-latte.css", "Catppuccin Latte")) }
                                 { (theme_option("/themes/nord-bluish.css", "Nord Bluish")) }
                                 { (theme_option("/themes/discord.css", "Discord")) }
                             }