diff --git a/resources/mediawiki.less/mediawiki.skin.variables.less b/resources/mediawiki.less/mediawiki.skin.variables.less
index 2512e801c..f50f08439 100644
--- a/resources/mediawiki.less/mediawiki.skin.variables.less
+++ b/resources/mediawiki.less/mediawiki.skin.variables.less
@@ -27,6 +27,22 @@
 @color-link-external--visited: #795cb2;
 @color-link-external--active: #faa700;
 
+// Opacities
+@opacity-base: 1;
+@opacity-medium: 0.65;
+@opacity-low: 0.3;
+@opacity-transparent: 0;
+// Warning: the following token is deprecated (Legacy opacity for icon states in non-Codex products.)
+@opacity-icon-base: 0.87; // = `#222` on `background-color: #fff`, closest to `#202122`.
+// Warning: the following token is deprecated (Legacy opacity for icon states in non-Codex products.)
+@opacity-icon-base--hover: 0.74; // = `#424242` on `background-color: #fff`, closest to `#404244`.
+// Warning: the following token is deprecated (Legacy opacity for icon states in non-Codex products.)
+@opacity-icon-base--selected: 1;
+// Warning: the following token is deprecated (Legacy opacity for icon states in non-Codex products.)
+@opacity-icon-accessory: 0.67; // = `#555` on `background-color: `#fff`, closest to `#54595d`.
+// Warning: the following token is deprecated (Legacy opacity for icon states in non-Codex products. Has only been used for icons despite the name.)
+@opacity-base--disabled: 0.51; // = `#7d7d7d` on `background-color: #fff`, closest to `#72777d`.
+
 // Body content uses the user setting in browser / the system default sans-serif font:
 // Arial on Windows, Roboto on Android.
 // FIXME: Use WikimediaUI Base's OS specific default sans-serif fonts.