diff --git a/static/css/colour/dark-mode.css b/static/css/colour/dark-mode.css
index 386f99d..d7b5f28 100644
--- a/static/css/colour/dark-mode.css
+++ b/static/css/colour/dark-mode.css
@@ -4,4 +4,7 @@
     --bright-bg: var(--bright-black);
     --fg: var(--white);
     --bright-fg: var(--bright-white);
+    --logo-bg: var(--green);
+    --logo-hover: var(--bright-green);
+    --highlight-bg: var(--yellow);
 }
diff --git a/static/css/colour/light-mode.css b/static/css/colour/light-mode.css
index 3ac2827..0e09f14 100644
--- a/static/css/colour/light-mode.css
+++ b/static/css/colour/light-mode.css
@@ -4,4 +4,7 @@
     --bright-bg: var(--bright-black);
     --fg: var(--black);
     --bright-fg: var(--bright-black);
+    --logo-bg: var(--green);
+    --logo-hover: var(--bright-green);
+    --highlight-bg: var(--yellow);
 }
diff --git a/static/css/colour/pink-mode.css b/static/css/colour/pink-mode.css
new file mode 100644
index 0000000..79f3a1e
--- /dev/null
+++ b/static/css/colour/pink-mode.css
@@ -0,0 +1,10 @@
+:root {
+    --bg: var(--dusty-rose);
+    --dark-bg: var(--dark-pink);
+    --bright-bg: var(--light-pink);
+    --fg: var(--really-light-pink);
+    --bright-fg: var(--aqua);
+    --logo-bg: var(--aqua);
+    --logo-hover: var(--bright-aqua);
+    --highlight-bg: var(--aqua);
+}
diff --git a/static/css/colour/risotto-pink.css b/static/css/colour/risotto-pink.css
new file mode 100644
index 0000000..7119e75
--- /dev/null
+++ b/static/css/colour/risotto-pink.css
@@ -0,0 +1,11 @@
+/* risotto-pink
+ * https://github.com/rio-codes/risotto-pink
+ */
+:root {
+    --dusty-rose: #cf8c83;
+    --really-light-pink: #f9e5e4;
+    --light-pink: #edaaa6;
+    --dark-pink: #c3766c;
+    --aqua: #97e4da;
+    --bright-aqua: #b6ece5;
+}
diff --git a/static/css/logo.css b/static/css/logo.css
index be24b86..06aa86c 100644
--- a/static/css/logo.css
+++ b/static/css/logo.css
@@ -11,7 +11,7 @@
 
 .page__logo-inner {
     display: block;
-    background: var(--green);
+    background: var(--logo-bg);
     padding: 0.25rem;
 }
 
@@ -22,7 +22,7 @@ a.page__logo-inner:link, a.page__logo-inner:visited {
 
 a.page__logo-inner:hover,
 a.page__logo-inner:active {
-    background: var(--bright-green);
+    background: var(--logo-hover);
 }
 
 .page__logo-inner:before {
diff --git a/static/css/typography.css b/static/css/typography.css
index 5a2c044..abed6f4 100644
--- a/static/css/typography.css
+++ b/static/css/typography.css
@@ -163,7 +163,7 @@ strong {
 /* Highlighting */
 ::selection,
 mark {
-    background-color: var(--yellow);
+    background-color: var(--highlight-bg);
     color: var(--bg);
 }