diff --git a/src/nationalarchives/tools/_colour.scss b/src/nationalarchives/tools/_colour.scss
index f21e5e77..d38604d2 100644
--- a/src/nationalarchives/tools/_colour.scss
+++ b/src/nationalarchives/tools/_colour.scss
@@ -244,10 +244,14 @@
   @extend %accent;
 }
 
-@mixin tint-background {
+%tint-background {
   @include colour-background("background-tint");
 }
 
+@mixin tint-background {
+  @extend %tint-background;
+}
+
 %accent-background {
   @include colour-background("accent-background");
 }
diff --git a/src/nationalarchives/utilities/_global.scss b/src/nationalarchives/utilities/_global.scss
index 1f6c878c..b91fd9eb 100644
--- a/src/nationalarchives/utilities/_global.scss
+++ b/src/nationalarchives/utilities/_global.scss
@@ -168,14 +168,20 @@ hr {
   }
 }
 
-.tna-background--contrast {
-  @include colour.invert;
-}
+.tna-background {
+  &--contrast {
+    @include colour.invert;
+  }
 
-.tna-background--accent {
-  @include colour.accent;
-}
+  &--accent {
+    @include colour.accent;
+  }
 
-.tna-background--accent-light {
-  @include colour.light-accent-background;
+  &--accent-light {
+    @include colour.light-accent-background;
+  }
+
+  &--tint {
+    @include colour.tint-background;
+  }
 }