diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json
index 5f2a906251..8b1d3a0ef9 100644
--- a/.bundlewatch.config.json
+++ b/.bundlewatch.config.json
@@ -6,7 +6,7 @@
     },
     {
       "path": "./packages/orange/dist/css/ouds-web-bootstrap.min.css",
-      "maxSize": "79.25 kB"
+      "maxSize": "79.5 kB"
     },
     {
       "path": "./packages/orange/dist/css/ouds-web-grid.css",
@@ -34,11 +34,11 @@
     },
     {
       "path": "./packages/orange/dist/css/ouds-web.css",
-      "maxSize": "66.5 kB"
+      "maxSize": "66.75 kB"
     },
     {
       "path": "./packages/orange/dist/css/ouds-web.min.css",
-      "maxSize": "62.5 kB"
+      "maxSize": "62.75 kB"
     },
     {
       "path": "./dist/js/ouds-web.bundle.js",
diff --git a/scss/_maps.scss b/scss/_maps.scss
index 79261faf4f..026211b0b9 100644
--- a/scss/_maps.scss
+++ b/scss/_maps.scss
@@ -123,6 +123,10 @@ $ouds-elevations: (
 
 // scss-docs-start ouds-maps-font
 $ouds-font-sizes: (
+  lxl: "/label-xlarge",
+  ll: "/label-large",
+  lm: "/label-medium",
+  ls: "/label-small",
   cm: "/code-medium",
   bs: "/body-small",
   bm: "/body-medium",
diff --git a/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss b/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss
index d722fa63d4..ed6e6f44de 100644
--- a/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss
+++ b/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss
@@ -3508,6 +3508,38 @@ $utilities: ();
 
         /* rtl:end:remove */
 
+        .fs-lxl {
+          font-size: var(--bs-font-size-label-xlarge);
+          line-height: var(--bs-font-line-height-label-xlarge);
+
+          /* rtl:remove */
+          letter-spacing: var(--bs-font-letter-spacing-label-xlarge);
+        }
+
+        .fs-ll {
+          font-size: var(--bs-font-size-label-large);
+          line-height: var(--bs-font-line-height-label-large);
+
+          /* rtl:remove */
+          letter-spacing: var(--bs-font-letter-spacing-label-large);
+        }
+
+        .fs-lm {
+          font-size: var(--bs-font-size-label-medium);
+          line-height: var(--bs-font-line-height-label-medium);
+
+          /* rtl:remove */
+          letter-spacing: var(--bs-font-letter-spacing-label-medium);
+        }
+
+        .fs-ls {
+          font-size: var(--bs-font-size-label-small);
+          line-height: var(--bs-font-line-height-label-small);
+
+          /* rtl:remove */
+          letter-spacing: var(--bs-font-letter-spacing-label-small);
+        }
+
         .fs-cm {
           font-size: var(--bs-font-size-code-medium);
           line-height: var(--bs-font-line-height-code-medium);
@@ -15430,6 +15462,38 @@ $utilities: ();
 
         /* rtl:end:remove */
 
+        .fs-lxl {
+          font-size: var(--bs-font-size-label-xlarge);
+          line-height: var(--bs-font-line-height-label-xlarge);
+
+          /* rtl:remove */
+          letter-spacing: var(--bs-font-letter-spacing-label-xlarge);
+        }
+
+        .fs-ll {
+          font-size: var(--bs-font-size-label-large);
+          line-height: var(--bs-font-line-height-label-large);
+
+          /* rtl:remove */
+          letter-spacing: var(--bs-font-letter-spacing-label-large);
+        }
+
+        .fs-lm {
+          font-size: var(--bs-font-size-label-medium);
+          line-height: var(--bs-font-line-height-label-medium);
+
+          /* rtl:remove */
+          letter-spacing: var(--bs-font-letter-spacing-label-medium);
+        }
+
+        .fs-ls {
+          font-size: var(--bs-font-size-label-small);
+          line-height: var(--bs-font-line-height-label-small);
+
+          /* rtl:remove */
+          letter-spacing: var(--bs-font-letter-spacing-label-small);
+        }
+
         .fs-cm {
           font-size: var(--bs-font-size-code-medium);
           line-height: var(--bs-font-line-height-code-medium);
diff --git a/site/src/content/docs/foundation/typography.mdx b/site/src/content/docs/foundation/typography.mdx
index 05c8953d23..e647542c31 100644
--- a/site/src/content/docs/foundation/typography.mdx
+++ b/site/src/content/docs/foundation/typography.mdx
@@ -30,6 +30,13 @@ export const textLevel = [
   "body-small"
 ]
 
+export const labelLevel = [
+  "label-xlarge",
+  "label-large",
+  "label-medium",
+  "label-small"
+]
+
 export const screenSize = [
   "mobile",
   "tablet",
@@ -288,17 +295,24 @@ Since only [headings](#headings), [display headings](#display-headings) and `str
     </thead>
     <tbody>
     {
-      textLevel.map((level) => (
+      [ ...textLevel, ...labelLevel].map((level) => (
       <tr>
         <td>
           {level === 'body-large' && (<>Body large (<code>{'.lead'}</code>)</>)}
           {level === 'body-medium' && (<>Body medium (default <code>{'<p>'}</code>)</>)}
           {level === 'body-small' && (<>Body small (<code>{'.small'}</code> or <code>{'<small>'}</code>)</>)}
+          {level === 'label-xlarge' && (<>Label xlarge (<code>{'.fs-lxl'}</code>)</>)}
+          {level === 'label-large' && (<>Label large (<code>{'.fs-ll'}</code>)</>)}
+          {level === 'label-medium' && (<>Label medium (<code>{'.fs-lm'}</code>)</>)}
+          {level === 'label-small' && (<>Label small (<code>{'.fs-ls'}</code>)</>)}
         </td>
         {
           screenSize.map((size) => (
             <td>
-              <code>{(getTokenValue(`$ouds-font-size-${level}-${size}`).slice(0, -2)) / 16}rem</code> ({getTokenValue(`$ouds-font-size-${level}-${size}`)})
+              {!level.includes('label-')
+                    && (<><code>{(getTokenValue(`$ouds-font-size-${level}-${size}`).slice(0, -2)) / 16}rem</code> ({getTokenValue(`$ouds-font-size-${level}-${size}`)})</>)}
+              {level.includes('label-')
+                && (<><code>{(getTokenValue(`$ouds-font-size-${level}`).slice(0, -2)) / 16}rem</code> ({getTokenValue(`$ouds-font-size-${level}`)})</>)}
             </td>
           ))
         }
@@ -323,21 +337,26 @@ Since only [headings](#headings), [display headings](#display-headings) and `str
       </thead>
       <tbody>
       {
-        textLevel.map((level) => (
+        [ ...textLevel, ...labelLevel].map((level) => (
         <tr>
           <td>
             {level === 'body-large' && (<>Body large (<code>{'.lead'}</code>)</>)}
             {level === 'body-medium' && (<>Body medium (default <code>{'<p>'}</code>)</>)}
             {level === 'body-small' && (<>Body small (<code>{'.small'}</code> or <code>{'<small>'}</code>)</>)}
+            {level === 'label-xlarge' && (<>Label xlarge (<code>{'.fs-lxl'}</code>)</>)}
+            {level === 'label-large' && (<>Label large (<code>{'.fs-ll'}</code>)</>)}
+            {level === 'label-medium' && (<>Label medium (<code>{'.fs-lm'}</code>)</>)}
+            {level === 'label-small' && (<>Label small (<code>{'.fs-ls'}</code>)</>)}
           </td>
           {
             screenSize.map((size) => (
               <td>
                 <ul class="mb-none ps-medium">
-                  <li><code class="text-default">font-size</code>: <b>{(getTokenValue(`$ouds-font-size-${level}-${size}`).slice(0, -2)) / 16}rem</b></li>
-                  <li><code>line-height</code>: {Math.round(((getTokenValue(`$ouds-font-line-height-${level}-${size}`).slice(0, -2)) / (getTokenValue(`$ouds-font-size-${level}-${size}`).slice(0, -2))) * 10000) / 10000}</li>
-                  <li><code>letter-spacing</code>: {(getTokenValue(`$ouds-font-letter-spacing-${level}-${size}`).slice(0, -2)) / 16}rem</li>
-                  <li><code>max-width</code>: {(getTokenValue(`$ouds-size-max-width-${level}-${size}`).slice(0, -2)) / 16}rem</li>
+                  <li><code class="text-default">font-size</code>: <b>{(getTokenValue(`$ouds-font-size-${level}${!level.includes('label-') ? '-' + size : ''}`).slice(0, -2)) / 16}rem</b></li>
+                  <li><code>line-height</code>: {Math.round(((getTokenValue(`$ouds-font-line-height-${level}${!level.includes('label-') ? '-' + size : ''}`).slice(0, -2)) / (getTokenValue(`$ouds-font-size-${level}${!level.includes('label-') ? '-' + size : ''}`).slice(0, -2))) * 10000) / 10000}</li>
+                  <li><code>letter-spacing</code>: {(getTokenValue(`$ouds-font-letter-spacing-${level}${!level.includes('label-') ? '-' + size : ''}`).slice(0, -2)) / 16}rem</li>
+                  {!level.includes('label-')
+                    && (<li><code>max-width</code>: {(getTokenValue(`$ouds-size-max-width-${level}-${size}`).slice(0, -2)) / 16}rem</li>)}
                 </ul>
               </td>
             ))
diff --git a/site/src/content/docs/getting-started/migration.mdx b/site/src/content/docs/getting-started/migration.mdx
index f4ab1679a3..45b2b5e5e5 100644
--- a/site/src/content/docs/getting-started/migration.mdx
+++ b/site/src/content/docs/getting-started/migration.mdx
@@ -55,6 +55,12 @@ toc: true
 
 - <span class="tag tag-small tag-warning"><span class="tag-status-icon"></span>Warning</span> `.shadow-default` has been deprecated in favor of `.shadow-elevated`. It will be removed in v1.5.0. Read more in our [shadow page]([[docsref:/utilities/shadow]]).
 
+#### Text
+
+- <span class="tag tag-small tag-positive"><span class="tag-status-icon"></span>New</span> Labels have been added to font size text utilities : `.fs-lxl`, `.fs-ll`, `.fs-lm`, `.fs-ls` are now available.
+See [Regular Texts]([[docsref:foundation/typography#regular-texts]]) for more details.
+
+
 ### CSS and Sass variables
 
 - <details class="mb-small">
diff --git a/site/src/content/docs/utilities/text.mdx b/site/src/content/docs/utilities/text.mdx
index c992ab7011..cc490eaaca 100644
--- a/site/src/content/docs/utilities/text.mdx
+++ b/site/src/content/docs/utilities/text.mdx
@@ -19,7 +19,11 @@ export const fontSize = [
   "body-large",
   "body-medium",
   "body-small",
-  "code-medium"
+  "code-medium",
+  "label-xlarge",
+  "label-large",
+  "label-medium",
+  "label-small"
 ]
 
 export const screenSize = [
@@ -140,13 +144,17 @@ These classes change the `font-size` but also the `line-height`, the `letter-spa
               {level === 'body-medium' && (<>Body medium (<code>{'.fs-bm'}</code>)</>)}
               {level === 'body-small' && (<>Body small (<code>{'.fs-bs'}</code>)</>)}
               {level === 'code-medium' && (<>Code medium (<code>{'.fs-cm'}</code>)</>)}
+              {level === 'label-xlarge' && (<>Label xlarge (<code>{'.fs-lxl'}</code>)</>)}
+              {level === 'label-large' && (<>Label large (<code>{'.fs-ll'}</code>)</>)}
+              {level === 'label-medium' && (<>Label medium (<code>{'.fs-lm'}</code>)</>)}
+              {level === 'label-small' && (<>Label small (<code>{'.fs-ls'}</code>)</>)}
             </td>
             {
               screenSize.map((size) => (
                 <td>
-                  {level !== 'code-medium'
+                  {(level !== 'code-medium' && !level.includes('label-'))
                     && (<><code>{(getTokenValue(`$ouds-font-size-${level}-${size}`).slice(0, -2)) / 16}rem</code> ({getTokenValue(`$ouds-font-size-${level}-${size}`)})</>)}
-                  {level === 'code-medium'
+                  {(level === 'code-medium' || level.includes('label-'))
                     && (<><code>{(getTokenValue(`$ouds-font-size-${level}`).slice(0, -2)) / 16}rem</code> ({getTokenValue(`$ouds-font-size-${level}`)})</>)}
                 </td>
               ))
@@ -188,11 +196,15 @@ These classes change the `font-size` but also the `line-height`, the `letter-spa
               {level === 'body-medium' && (<>Body medium (<code>{'.fs-bm'}</code>)</>)}
               {level === 'body-small' && (<>Body small (<code>{'.fs-bs'}</code>)</>)}
               {level === 'code-medium' && (<>Code medium (<code>{'.fs-cm'}</code>)</>)}
+              {level === 'label-xlarge' && (<>Label xlarge (<code>{'.fs-lxl'}</code>)</>)}
+              {level === 'label-large' && (<>Label large (<code>{'.fs-ll'}</code>)</>)}
+              {level === 'label-medium' && (<>Label medium (<code>{'.fs-lm'}</code>)</>)}
+              {level === 'label-small' && (<>Label small (<code>{'.fs-ls'}</code>)</>)}
             </td>
             {
               screenSize.map((size) => (
                 <td>
-                  {level !== 'code-medium'
+                  {(level !== 'code-medium' && !level.includes('label-'))
                     && (
                       <ul class="mb-none ps-medium">
                         <li><code class="text-default">font-size</code>: <b>{(getTokenValue(`$ouds-font-size-${level}-${size}`).slice(0, -2)) / 16}rem</b></li>
@@ -201,7 +213,7 @@ These classes change the `font-size` but also the `line-height`, the `letter-spa
                         <li><code>max-width</code>: {(getTokenValue(`$ouds-size-max-width-${level}-${size}`).slice(0, -2)) / 16}rem</li>
                       </ul>
                     )}
-                  {level === 'code-medium'
+                  {(level === 'code-medium' || level.includes('label-'))
                     && (
                       <ul class="mb-none ps-medium">
                         <li><code class="text-default">font-size</code>: <b>{(getTokenValue(`$ouds-font-size-${level}`).slice(0, -2)) / 16}rem</b></li>
@@ -230,7 +242,11 @@ These classes change the `font-size` but also the `line-height`, the `letter-spa
   <p class="fs-bl">.fs-bl text</p>
   <p class="fs-bm">.fs-bm text</p>
   <p class="fs-bs">.fs-bs text</p>
-  <p class="fs-cm font-monospace">.fs-cm.font-monospace text</p>`} />
+  <p class="fs-cm font-monospace">.fs-cm.font-monospace text</p>
+  <p class="fs-lxl">.fs-lxl text</p>
+  <p class="fs-ll">.fs-ll text</p>
+  <p class="fs-lm">.fs-lm text</p>
+  <p class="fs-ls">.fs-ls text</p>`} />
 
 Customize your available `font-size`s by modifying the `$ouds-font-sizes` Sass map.