diff --git a/modules/primer-utilities/docs/typography.md b/modules/primer-utilities/docs/typography.md
index 8c22f13f92..0f77b4eb57 100644
--- a/modules/primer-utilities/docs/typography.md
+++ b/modules/primer-utilities/docs/typography.md
@@ -94,6 +94,7 @@ Change the font weight, styles, and alignment with these utilities.
 <p class="text-small">Small</p>
 <p class="lead">Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.</p>
 <p class="text-mono">Monospace</p>
+<p class="user-select-none">User Select None</p>
 ```
 
 ## Text alignment
diff --git a/modules/primer-utilities/lib/typography.scss b/modules/primer-utilities/lib/typography.scss
index 72f3ba9bd8..af38947d25 100644
--- a/modules/primer-utilities/lib/typography.scss
+++ b/modules/primer-utilities/lib/typography.scss
@@ -219,3 +219,8 @@
 .text-mono {
   font-family: $mono-font;
 }
+
+/* Disallow user from selecting text */
+.user-select-none {
+  user-select: none !important;
+}
diff --git a/modules/primer-utilities/stories/Typography.js b/modules/primer-utilities/stories/Typography.js
index c29b9b053a..da46ff8319 100644
--- a/modules/primer-utilities/stories/Typography.js
+++ b/modules/primer-utilities/stories/Typography.js
@@ -58,6 +58,7 @@ storiesOf('Typography utilities', module)
     <p className='text-small'>text-small</p>
     <p className='lead'>lead</p>
     <p className='text-mono'>text-mono</p>
+    <p className='user-select-none'>user-select-none</p>
   </div>
 ))
 .add('text alignment', () => (