diff --git a/styles/elements/_panels.scss b/styles/elements/_panels.scss
index 7d1b31d4..f59c9a16 100644
--- a/styles/elements/_panels.scss
+++ b/styles/elements/_panels.scss
@@ -59,6 +59,13 @@
       margin: ($gap * 4) 0;
       padding: 0 ($gap * 4);
     }
+
+    h1, h2, h3, h4, h5, h6 {
+
+      &.subheading {
+        color: $color-gray;
+      }
+    }
   }
 
   .panel__heading {
@@ -80,7 +87,7 @@
       margin: 0;
       display: inline-block;
 
-      .subtitle {
+      .subtitle, &.gray {
         color: $color-gray;
       }
     }
diff --git a/templates/task_orders/_new.html b/templates/task_orders/_new.html
index ec860310..5348701a 100644
--- a/templates/task_orders/_new.html
+++ b/templates/task_orders/_new.html
@@ -19,8 +19,10 @@
     <div class="panel">
 
       <div class="panel__heading">
-        <div class="subtitle h2">Task Order Builder</div>
-        <h1>{% block heading %}{% endblock %}</h1>
+        <h1 class="gray">
+          <div class="h2">Task Order Builder</div>
+          {% block heading %}{% endblock %}
+        </h1>
       </div>
 
       <div class="panel__content">
diff --git a/templates/task_orders/new/app_info.html b/templates/task_orders/new/app_info.html
index 99704939..963a9ea2 100644
--- a/templates/task_orders/new/app_info.html
+++ b/templates/task_orders/new/app_info.html
@@ -12,7 +12,7 @@
 {% block form %}
 
 <!-- App Info Section -->
-<h3>{{ "task_orders.new.app_info.basic_info_title"| translate }}</h3>
+<h3 class="subheading">{{ "task_orders.new.app_info.basic_info_title"| translate }}</h3>
 {{ TextInput(form.portfolio_name, placeholder="The name of your office or organization") }}
 {{ TextInput(form.scope, paragraph=True) }}
 <p><i>{{ "task_orders.new.app_info.sample_scope" | translate | safe }}</i></p>
@@ -20,20 +20,20 @@
 
 <hr>
 
-<h3>{{ "task_orders.new.app_info.project_title" | translate }}</h3>
+<h3 class="subheading">{{ "task_orders.new.app_info.project_title" | translate }}</h3>
 {{ OptionsInput(form.app_migration) }}
 {{ OptionsInput(form.native_apps) }}
 {{ MultiCheckboxInput(form.complexity, form.complexity_other) }}
 
 <hr>
 
-<h3>{{ "task_orders.new.app_info.team_title" | translate }}</h3>
+<h3 class="subheading">{{ "task_orders.new.app_info.team_title" | translate }}</h3>
 {{ MultiCheckboxInput(form.dev_team, form.dev_team_other) }}
 {{ OptionsInput(form.team_experience) }}
 
 <hr>
 
-<h3>{{ "task_orders.new.app_info.market_research_title" | translate }}</h3>
+<h3 class="subheading">{{ "task_orders.new.app_info.market_research_title" | translate }}</h3>
 <p>{{ "task_orders.new.app_info.market_research_paragraph" | translate | safe }}</p>
 
 {% endblock %}
diff --git a/templates/task_orders/new/funding.html b/templates/task_orders/new/funding.html
index 56f8f968..652e8d5e 100644
--- a/templates/task_orders/new/funding.html
+++ b/templates/task_orders/new/funding.html
@@ -15,14 +15,14 @@
 <funding inline-template v-bind:initial-data='{{ form.data|tojson }}'>
   <div>
     <!-- Get Funding Section           -->
-    <h3>{{ "task_orders.new.funding.performance_period_title" | translate }}</h3>
+    <h3 class="subheading">{{ "task_orders.new.funding.performance_period_title" | translate }}</h3>
     <p>{{ "task_orders.new.funding.performance_period_description" | translate }}</p>
     <p>{{ "task_orders.new.funding.performance_period_paragraph" | translate }}</p>
     {{ OptionsInput(form.performance_length) }}
 
     <hr>
 
-    <h3>{{ "task_orders.new.funding.estimate_usage_title" | translate }}</h3>
+    <h3 class="subheading">{{ "task_orders.new.funding.estimate_usage_title" | translate }}</h3>
     <p>{{ "task_orders.new.funding.estimate_usage_description" | translate }}</p>
     <p><a class="icon-link" href="{{ url_for('atst.jedi_csp_calculator') }}">
       {{ Icon("link")}} Cloud Service Provider's estimate calculator
@@ -36,7 +36,7 @@
 
     <hr>
 
-    <h3>{{ "task_orders.new.funding.cloud_calculations_title" | translate }}</h3>
+    <h3 class="subheading">{{ "task_orders.new.funding.cloud_calculations_title" | translate }}</h3>
     <p>{{ "task_orders.new.funding.cloud_calculations_paragraph" | translate }}</p>
 
     <h4>{{ "task_orders.new.funding.cloud_offerings_title" | translate }}</h4>
diff --git a/templates/task_orders/new/oversight.html b/templates/task_orders/new/oversight.html
index 01117536..7b5181be 100644
--- a/templates/task_orders/new/oversight.html
+++ b/templates/task_orders/new/oversight.html
@@ -11,7 +11,7 @@
 {% block form %}
 
 <!-- Oversight Section					 -->
-<h3>{{ "task_orders.new.oversight.ko_info_title" | translate }}</h3>
+<h3 class="subheading">{{ "task_orders.new.oversight.ko_info_title" | translate }}</h3>
 <p>{{ "task_orders.new.oversight.ko_info_paragraph" | translate }}</p>
 {{ UserInfo(form.ko_first_name, form.ko_last_name, form.ko_email, form.ko_phone_number) }}
 {{ CheckboxInput(form.ko_invite) }}
@@ -19,7 +19,7 @@
 
 <hr />
 
-<h3>{{ "task_orders.new.oversight.cor_info_title" | translate }}</h3>
+<h3 class="subheading">{{ "task_orders.new.oversight.cor_info_title" | translate }}</h3>
 <p>{{ "task_orders.new.oversight.cor_info_paragraph" | translate }}</p>
 <div class='usa-input'>
   <fieldset class="usa-input__choices">
@@ -35,7 +35,7 @@
 
 <hr />
 
-<h3>{{ "task_orders.new.oversight.so_info_title" | translate }}</h3>
+<h3 class="subheading">{{ "task_orders.new.oversight.so_info_title" | translate }}</h3>
 <p>{{ "task_orders.new.oversight.so_info_paragraph" | translate }}</p>
 {{ UserInfo(form.so_first_name, form.so_last_name, form.so_email, form.so_phone_number) }}
 {{ CheckboxInput(form.so_invite) }}