diff --git a/FRONTEND.md b/FRONTEND.md
index 3c6083e5..c31960f0 100644
--- a/FRONTEND.md
+++ b/FRONTEND.md
@@ -475,6 +475,30 @@ The matching CSS variables are `--bloom` and `--sand` (utilities `bg-bloom`,
once in `:root` with no `.dark` override, because a logo does not change colour
with the theme.
+### The favicon
+
+The favicon is the one place the whole palette appears at once, and it is built
+from palette values only:
+
+| Part | Token | Hex |
+| --- | --- | --- |
+| Field | `brand[950]` | `#0d273c` |
+| Stems | `sand[100]` | `#f2e9d2` |
+| Blooms | `bloom[500]` | `#e2552e` |
+
+`public/favicon.svg` is the source of truth. The rasters are generated from it,
+so **edit the SVG and regenerate** rather than touching the PNGs:
+
+```bash
+cd public
+rsvg-convert -w 180 -h 180 -b '#0d273c' favicon.svg -o apple-touch-icon.png
+rsvg-convert -w 48 -h 48 favicon.svg -o favicon.png
+```
+
+`favicon.ico` bundles 16/32/48 in one container. There is no ImageMagick in this
+project, so it is assembled by hand — see the commit that introduced it for the
+script.
+
### Contrast
The brand ramp is chosen so every primary-on-surface pairing clears WCAG AA
diff --git a/index.html b/index.html
index 54661045..fdc2d9d7 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,9 @@
-
+
+
+
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 00000000..68ec5019
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 00000000..c976d6af
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.png b/public/favicon.png
index 7b317d5b..8b89984d 100644
Binary files a/public/favicon.png and b/public/favicon.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 00000000..80dcfd86
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,13 @@
+
\ No newline at end of file