diff --git a/projects/components/src/titled-content/titled-content.component.scss b/projects/components/src/titled-content/titled-content.component.scss
index 9df610662..d6266418d 100644
--- a/projects/components/src/titled-content/titled-content.component.scss
+++ b/projects/components/src/titled-content/titled-content.component.scss
@@ -49,6 +49,11 @@
         height: 12px;
         margin-bottom: 12px;
       }
+
+      &.title-case-gray {
+        @include subtitle-2($gray-4);
+        text-transform: capitalize;
+      }
     }
   }
 
diff --git a/projects/components/src/titled-content/titled-content.component.ts b/projects/components/src/titled-content/titled-content.component.ts
index 785cdb882..4ae1dad06 100644
--- a/projects/components/src/titled-content/titled-content.component.ts
+++ b/projects/components/src/titled-content/titled-content.component.ts
@@ -90,7 +90,8 @@ export const enum TitlePosition {
 // Regular title (black) and GrayedOut new style (gray)
 export const enum TitledContentTitleStyle {
   Regular = 'regular',
-  GrayedOut = 'grayed-out'
+  GrayedOut = 'grayed-out',
+  TitleCaseGray = 'title-case-gray'
 }
 
 export const enum TitledContentHeaderJustify {