diff --git a/docs/_static/css/custom.css b/docs/_static/css/custom.css
index b8c8d47f..c2ed6c57 100644
--- a/docs/_static/css/custom.css
+++ b/docs/_static/css/custom.css
@@ -2,3 +2,15 @@
 div.cell_output table.dataframe {
     font-size: 0.8em;
 }
+
+/* Gallery cards: normalise thumbnail height so cards line up regardless
+   of the underlying image aspect ratio. Image is contained (not cropped)
+   on a white background, centred in the slot. */
+.sd-card-img-top {
+    height: 240px;
+    width: 100%;
+    object-fit: contain;
+    background: #ffffff;
+    padding: 8px;
+    box-sizing: border-box;
+}
diff --git a/docs/_static/gallery/color_and_palette.png b/docs/_static/gallery/color_and_palette.png
new file mode 100644
index 00000000..67f7af67
Binary files /dev/null and b/docs/_static/gallery/color_and_palette.png differ
diff --git a/docs/_static/gallery/visium_mouse_brain.png b/docs/_static/gallery/visium_mouse_brain.png
index a1f80e5b..6e9b9820 100644
Binary files a/docs/_static/gallery/visium_mouse_brain.png and b/docs/_static/gallery/visium_mouse_brain.png differ
diff --git a/docs/gallery.md b/docs/gallery.md
index 0a867667..be3d6943 100644
--- a/docs/gallery.md
+++ b/docs/gallery.md
@@ -24,6 +24,16 @@ The fluent `.pl` API, layering, and styling on the in-memory `blobs`
 dataset. Ideal first read.
 :::
 
+:::{grid-item-card} Colour and palettes
+:link: notebooks/tutorials/color_and_palette
+:link-type: doc
+:img-top: _static/gallery/color_and_palette.png
+
+How `color=` resolves, the v0.3.0 `groups` behaviour, and building
+perceptually well-spaced or colourblind-safe palettes with
+`make_palette` and `make_palette_from_data`.
+:::
+
 ::::
 
 ## Examples
diff --git a/docs/notebooks b/docs/notebooks
index 3df9d61e..3e14801e 160000
--- a/docs/notebooks
+++ b/docs/notebooks
@@ -1 +1 @@
-Subproject commit 3df9d61e454c96684b94452f767a4679bad54314
+Subproject commit 3e14801ee333c95812995f658edcf1e32e8805bc