diff --git a/src/components/accordion/_accordion.scss b/src/components/accordion/_accordion.scss
index ba55510..e079318 100644
--- a/src/components/accordion/_accordion.scss
+++ b/src/components/accordion/_accordion.scss
@@ -1,7 +1,9 @@
 /* stylelint-disable no-descending-specificity */
 @use '../../stylesheets/mixins.scss';
 
-$accordion_icon_size: var(--size-xl);
+$accordion_icon_size: var(--font-size-lead);
+$accordion_padding_x: calc(var(--spacing-lg) * 5);
+$accordion_padding_y: calc(var(--spacing-lg) * 1.25);
 
 // The accordion group.
 .accordion {
@@ -34,6 +36,7 @@ $accordion_icon_size: var(--size-xl);
   gap: var(--spacing-sm);
   align-items: center;
   width: 100%;
+  padding-right: var(--spacing-lg);
 
   &:hover {
     color: var(--accordion-color-header-hover);
@@ -49,7 +52,7 @@ $accordion_icon_size: var(--size-xl);
   outline: inherit;
   display: flex;
   color: var(--colors-text-body);
-  font-size: var(--font-size-small);
+  font-size: var(--font-size-body);
   gap: var(--spacing-sm);
   align-items: center;
 
@@ -81,16 +84,16 @@ $accordion_icon_size: var(--size-xl);
 // Individual accordion items.
 .accordion-item {
   border-bottom: 1px solid var(--accordion-divider-color);
-  padding-top: var(--spacing-lg);
+  padding-top: calc(var(--spacing-lg) * 1.125);
 }
 
 .accordion-item__heading {
-  @include heading-medium;
+  @include heading-small;
 
   font-weight: normal;
   display: flex;
-  margin: 0 0 var(--spacing-lg);
   color: var(--accordion-color-header);
+  margin: 0 0 $accordion_padding_y;
 
   &:hover {
     color: var(--accordion-color-header-hover);
@@ -99,13 +102,18 @@ $accordion_icon_size: var(--size-xl);
       fill: var(--accordion-color-header-hover);
     }
   }
+
+  [data-accordion-expanded='false'] & {
+    color: var(--accordion-color-body);
+  }
 }
 
 .accordion-item__icon {
   margin-left: auto;
   height: $accordion_icon_size;
   width: $accordion_icon_size;
-  fill: var(--accordion-color-header);
+  fill: var(--accordion-color-body);
+  transition: transform 0.3s;
 
   [aria-expanded='true'] > & {
     transform: rotate(180deg);
@@ -114,14 +122,21 @@ $accordion_icon_size: var(--size-xl);
 
 .accordion-item__content {
   overflow: hidden;
+  padding: 0 var(--spacing-lg);
+  color: var(--accordion-color-body);
+  font-family: var(--font-family-body);
 
   [data-accordion-expanded='true'] & {
-    margin-bottom: var(--spacing-sm);
+    margin-bottom: $accordion_padding_y;
   }
 
   [data-accordion-expanded='false'] & {
     max-height: 0;
   }
+
+  @include medium {
+    padding: 0 $accordion_padding_x;
+  }
 }
 
 /* stylelint-enable no-descending-specificity */
diff --git a/src/components/accordion/accordion.stories.js b/src/components/accordion/accordion.stories.js
index e53ec90..c435ec3 100644
--- a/src/components/accordion/accordion.stories.js
+++ b/src/components/accordion/accordion.stories.js
@@ -23,7 +23,7 @@ export default {
   },
   decorators: [
     (story) =>
-      `<div style="max-width: 700px; margin: 0 auto;">${story()}</div>`,
+      `<div style="max-width: 890px; margin: 0 auto;">${story()}</div>`,
   ],
 };
 
diff --git a/src/components/accordion/accordion.yml b/src/components/accordion/accordion.yml
index 3a0111a..e55c6dd 100644
--- a/src/components/accordion/accordion.yml
+++ b/src/components/accordion/accordion.yml
@@ -1,2 +1,2 @@
-accordion__item__heading: 'Art Collections'
-accordion__item__content: 'The Yale Center for British Art will present <em><a href="https://britishart.yale.edu/exhibitions-programs/bridget-riley-perceptual-abstraction">Bridget Riley: Perceptual Abstraction</a></em> from March 3 through July 24, 2022. Born in Britain in 1931, Riley is among the most important and influential painters in Britain and the world. Displayed on two floors, this major survey traces Riley’s oeuvre from the 1960s through the present by featuring over fifty works that were selected by the artist in collaboration with the YCBA. Also, revisit an exhibition hosted at the Yale University Art Gallery, <a href="https://artgallery.yale.edu/exhibitions/exhibition/basis-art-150-years-women-yale">On the Basis of Art: 150 Years of Women at Yale</a>, including a related audio guide, publication, and more.'
+accordion__item__heading: 'Header label text'
+accordion__item__content: 'Enim eget nec sit scelerisque lacus. Porttitor senectus vulputate mattis tortor odio vitae. Dui et, ut ipsum aliquet sit tempor. Amet consectetur purus justo feugiat mattis sit ultricies odio.  Pellentesque pellentesque sit sed porttitor duis interdum. Bibendum nisl, eu, ornare non. Enim consequat in quisque vestibulum facilisi odio. Elementum elit est, vitae feugiat enim odio cursus. Enim cum dictum gravida amet id eget. Ut ac velit sed nulla leo id. Ante duis pellentesque aliquam massa amet, neque cum. Vitae mi purus placerat nibh purus faucibus imperdiet quisque diam. Elementum urna feugiat rhoncus purus. Consectetur neque auctor eite commodo consequat. '
diff --git a/src/components/card/_card.scss b/src/components/card/_card.scss
index b1a6390..b75b2b7 100644
--- a/src/components/card/_card.scss
+++ b/src/components/card/_card.scss
@@ -13,8 +13,9 @@
 .card__heading {
   @include heading-large($font-size: var(--font-size-h3));
 
+  color: var(--color-text-heading);
   margin: 0;
-  line-height: var(--line-heights-tight);
+  line-height: var(--line-height-tight);
 
   &-link {
     @include link;
@@ -26,12 +27,16 @@
 .card__subheading {
   @include heading-medium($font-size: var(--font-size-small));
 
-  color: var(--colors-grays-500);
+  color: var(--color-grays-500);
   margin: 0 0 var(--spacing-md);
-  line-height: var(--line-heights-tight);
+  line-height: var(--line-height-tight);
   text-transform: uppercase;
 }
 
+.card__body {
+  color: var(--color-text-body);
+}
+
 .card__link {
   @include link;
 }
diff --git a/src/components/forms/checkbox/_checkbox-item.twig b/src/components/forms/checkbox/_checkbox-item.twig
index f0ef4c3..ad9e475 100644
--- a/src/components/forms/checkbox/_checkbox-item.twig
+++ b/src/components/forms/checkbox/_checkbox-item.twig
@@ -1,8 +1,8 @@
 {% set labelClasses = checkbox_item_disabled ? 'form-item--checkbox__item--label__disabled' : '' %}
 
 <li class="form-item--checkbox__item">
+	<input id="checkbox{{ key }}" name="checkbox" type="checkbox" {% if checkbox_item_checked %} checked="{{ checkbox_item_checked }}" {% endif %} {% if checkbox_item_disabled %} disabled="{{ checkbox_item_disabled }}" {% endif %}>
 	<label for="checkbox{{ key }}" class="form-item--checkbox__item--label {{ labelClasses }}">
-		<input id="checkbox{{ key }}" name="checkbox" type="checkbox" {% if checkbox_item_checked %} checked="{{ checkbox_item_checked }}" {% endif %} {% if checkbox_item_disabled %} disabled="{{ checkbox_item_disabled }}" {% endif %}>
 		{{ checkbox_item }}
 	</label>
 </li>
diff --git a/src/components/forms/checkbox/_checkbox.scss b/src/components/forms/checkbox/_checkbox.scss
index 4141753..4ebf888 100644
--- a/src/components/forms/checkbox/_checkbox.scss
+++ b/src/components/forms/checkbox/_checkbox.scss
@@ -6,13 +6,61 @@
 .form-item--checkboxes {
   display: flex;
   flex-flow: column nowrap;
-  gap: var(--checkbox-gap);
+  gap: var(--checkbox-spacing-gap);
 }
 
 .form-item--checkbox__item--label {
-  color: var(--checkbox-label);
+  display: inline-block;
+  position: relative;
+  cursor: pointer;
+  padding-left: calc(var(--spacing-lg) + var(--spacing-sm));
+  color: var(--checkbox-color-label);
+  font-size: var(--font-size-caption);
+
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 5px;
+    width: 16px;
+    height: 16px;
+    border: 1px solid var(--checkbox-button-stroke);
+    background-color: transparent;
+  }
+
+  &::after {
+    content: '';
+    position: absolute;
+    left: 6px;
+    top: 7px;
+    width: 5px;
+    height: 9px;
+    border: solid white;
+    border-width: 0 1px 1px 0;
+    transform: rotate(45deg);
+    display: none;
+  }
 }
 
 .form-item--checkbox__item--label__disabled {
-  color: var(--checkbox-label-disabled);
+  color: var(--checkbox-color-label-disabled);
+
+  &::before {
+    border-color: var(--checkbox-button-stroke-disabled);
+  }
+}
+
+.form-item--checkbox__item {
+  input[type='checkbox'] {
+    @include sr-only;
+  }
+
+  input[type='checkbox']:checked + .form-item--checkbox__item--label::before {
+    background-color: var(--checkbox-button-fill);
+  }
+
+  input[type='checkbox']:checked + .form-item--checkbox__item--label::after {
+    display: block;
+    border-color: white;
+  }
 }
diff --git a/src/components/forms/radio/_radio-item.twig b/src/components/forms/radio/_radio-item.twig
index aa68fd6..83bc174 100644
--- a/src/components/forms/radio/_radio-item.twig
+++ b/src/components/forms/radio/_radio-item.twig
@@ -1,8 +1,8 @@
 {% set labelClasses = radio_item_disabled ? 'form-item--radio__item--label__disabled' : '' %}
 
-<li class="form-item--radio__item {{ labelClasses }}">
-	<label for="radio{{ key }}">
-		<input id="radio{{ key }}" name="radio" type="radio" class="radio" {% if radio_item_checked %} checked="{{ radio_item_checked }}" {% endif %} {% if radio_item_disabled %} disabled="{{ radio_item_disabled }}" {% endif %}>
+<li class="form-item--radio__item">
+	<input id="radio{{ key }}" name="radio" type="radio" class="radio" {% if radio_item_checked %} checked="{{ radio_item_checked }}" {% endif %} {% if radio_item_disabled %} disabled="{{ radio_item_disabled }}" {% endif %}>
+	<label for="radio{{ key }}" class="form-item--radio__item--label {{ labelClasses }}">
 		{{ radio_item }}
 	</label>
 </li>
diff --git a/src/components/forms/radio/_radio.scss b/src/components/forms/radio/_radio.scss
index 6e9784b..54c7bdf 100644
--- a/src/components/forms/radio/_radio.scss
+++ b/src/components/forms/radio/_radio.scss
@@ -10,9 +10,52 @@
 }
 
 .form-item--radio__item--label {
-  color: var(--radio-label);
+  display: inline-block;
+  position: relative;
+  cursor: pointer;
+  padding-left: calc(var(--spacing-lg) + var(--spacing-sm));
+  color: var(--radio-color-label);
+  font-size: var(--font-size-caption);
+
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 5px;
+    width: 16px;
+    height: 16px;
+    border: 1px solid var(--checkbox-button-stroke);
+    background-color: transparent;
+    border-radius: 50%;
+  }
+
+  &::after {
+    content: '';
+    position: absolute;
+    left: 4px;
+    top: 9px;
+    width: 8px;
+    height: 8px;
+    display: none;
+    background-color: var(--radio-color-button-fill);
+    border-radius: 50%;
+  }
 }
 
 .form-item--radio__item--label__disabled {
-  color: var(--radio-label-disabled);
+  color: var(--radio-color-button-fill-disabled);
+
+  &::before {
+    border-color: var(--radio-button-stroke-disabled);
+  }
+}
+
+.form-item--radio__item {
+  input[type='radio'] {
+    @include sr-only;
+  }
+
+  input[type='radio']:checked + .form-item--radio__item--label::after {
+    display: block;
+  }
 }
diff --git a/src/components/text/text/_text.scss b/src/components/text/text/_text.scss
index 44440f3..a5ebdc2 100644
--- a/src/components/text/text/_text.scss
+++ b/src/components/text/text/_text.scss
@@ -2,7 +2,7 @@
  * in components with other classnames.
 */
 @mixin paragraph($margin: 0 0 var(--spacing-lg)) {
-  line-height: var(--line-heights-normal);
+  line-height: var(--line-height-normal);
   margin: $margin;
 }
 
diff --git a/src/components/tokens/_tokens.scss b/src/components/tokens/_tokens.scss
index 71b229f..4b4f205 100644
--- a/src/components/tokens/_tokens.scss
+++ b/src/components/tokens/_tokens.scss
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 19:50:05 GMT
+ * Generated on Fri, 10 May 2024 20:46:35 GMT
  */
 
 :root {
@@ -16,7 +16,7 @@
   --tabs-color-bg-hover: #ffffff;
   --tabs-color-text-default: #00202e;
   --tabs-color-text-active: #0080b7;
-  --tabs-color-text-hover: #33b2e9;
+  --tabs-color-text-hover: #009fe4;
   --tabs-color-border-bottom: #a9afb1;
   --tab-label: [object Object];
   --table-color-cell-bg: #ffffff;
@@ -97,7 +97,16 @@
   --radius-lg: 1.25rem;
   --cta-header: [object Object];
   --cta-body: [object Object];
-  --cta-fill: #00202e;
+  --cta-eyebrow: [object Object];
+  --cta-button: [object Object];
+  --cta-color-heading: #006089;
+  --cta-color-heading-darker: #006089;
+  --cta-color-eyebrow: #006089;
+  --cta-color-body: #00202e;
+  --cta-color-button: #ffffff;
+  --cta-background: #9ce1ff;
+  --cta-button-background: #009fe4;
+  --cta-button-background-darker: #006089;
   --checkbox-color-label: #00202e;
   --checkbox-color-label-disabled: #a9afb1;
   --checkbox-button-fill: #009fe4;
@@ -140,8 +149,8 @@
   --accordion-header: [object Object];
   --accordion-p: [object Object];
   --accordion-color-body: #00202e;
-  --accordion-color-header: #0080b7;
-  --accordion-color-header-hover: #33b2e9;
+  --accordion-color-header: #006089;
+  --accordion-color-header-hover: #009fe4;
   --accordion-divider-color: #545f64;
   --color-primary-default: #009fe4;
   --color-primary-light: #1ebbff;
@@ -149,10 +158,12 @@
   --color-primary-dark: #0080b7;
   --color-primary-darker: #006089;
   --color-text-body: #00202e;
-  --color-text-heading: #0080b7;
+  --color-text-body-lighter: #006089;
+  --color-text-heading: #006089;
+  --color-text-white: #ffffff;
   --color-warning-default: #d80f0f;
-  --color-link: #33b2e9;
-  --color-link-hover: #009fe4;
+  --color-link: #009fe4;
+  --color-link-hover: #007fb6;
   --color-black: #000000;
   --color-white: #ffffff;
   --color-emulsify-blue-100: #e6f5fc;
diff --git a/src/style.scss b/src/style.scss
index 0ff96b5..ed1e1fa 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -10,7 +10,7 @@ body {
   color: var(--colors-text-body);
   font-family: var(--font-family-body);
   font-size: var(--font-size-body);
-  line-height: var(--line-heights-normal);
+  line-height: var(--line-height-normal);
 }
 
 *,
@@ -20,8 +20,9 @@ body {
 }
 
 // Components
+
 @import 'tokens/**/*.scss';
 @import 'stylesheets/**/*.scss';
 @import 'storybook-styles/**/*.scss';
 @import 'docs/**/*.scss';
-@import 'components/**/*.scss';
\ No newline at end of file
+@import 'components/**/*.scss';
diff --git a/src/stylesheets/mixins.scss b/src/stylesheets/mixins.scss
index 3e7fdec..cbba67c 100644
--- a/src/stylesheets/mixins.scss
+++ b/src/stylesheets/mixins.scss
@@ -186,10 +186,22 @@ $outer-container-break: var(--breakpoint-sm);
 }
 
 @mixin link {
-  color: var(--link-default);
+  color: var(--link-color-default);
   transition: all .15s;
 
   &:hover {
-    color: var(--link-hover);
+    color: var(--link-color-hover);
   }
-}
\ No newline at end of file
+}
+
+@mixin sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
diff --git a/src/tokens/figma.tokens.json b/src/tokens/figma.tokens.json
index 7c00cc7..38105dd 100644
--- a/src/tokens/figma.tokens.json
+++ b/src/tokens/figma.tokens.json
@@ -1340,8 +1340,17 @@
           "value": "{color.EmulsifyBlue.1000}",
           "type": "color"
         },
+        "body-lighter": {
+          "value": "{color.primary.darker}",
+          "type": "color"
+        },
         "heading": {
-          "value": "{color.primary.dark}",
+          "value": "{color.primary.darker}",
+          "type": "color",
+          "description": "{color.primary.dark}"
+        },
+        "white": {
+          "value": "{color.white}",
           "type": "color"
         }
       },
@@ -1352,11 +1361,11 @@
         }
       },
       "link": {
-        "value": "{color.EmulsifyBlue.500}",
+        "value": "{color.EmulsifyBlue.600}",
         "type": "color"
       },
       "link-hover": {
-        "value": "{color.EmulsifyBlue.600}",
+        "value": "{color.EmulsifyBlue.700}",
         "type": "color"
       }
     },
@@ -1625,8 +1634,8 @@
       "header": {
         "value": {
           "fontFamily": "{font-family.primary}",
-          "fontWeight": "{font-weight.primary-bold}",
-          "lineHeight": "{line-height.normal}",
+          "fontWeight": "Extra Bold",
+          "lineHeight": "{line-height.none}",
           "fontSize": "{font-size.h2}",
           "textCase": "{text-case.none}"
         },
@@ -1637,13 +1646,71 @@
           "fontFamily": "{font-family.primary}",
           "fontWeight": "{font-weight.primary-regular}",
           "lineHeight": "{line-height.normal}",
-          "fontSize": "{font-size.lead}",
+          "fontSize": "{font-size.body}",
           "textCase": "{text-case.none}"
         },
         "type": "typography"
       },
-      "fill": {
-        "value": "{color.EmulsifyBlue.1000}",
+      "eyebrow": {
+        "value": {
+          "fontFamily": "{font-family.primary}",
+          "fontWeight": "{font-weight.primary-bold}",
+          "lineHeight": "{line-height.normal}",
+          "fontSize": "{font-size.small}",
+          "textCase": "{text-case.upper}"
+        },
+        "type": "typography"
+      },
+      "button": {
+        "value": {
+          "fontFamily": "{font-family.primary}",
+          "fontWeight": "{font-weight.primary-bold}",
+          "textCase": "{text-case.upper}",
+          "fontSize": "{font-size.body}",
+          "lineHeight": "{line-height.normal}"
+        },
+        "type": "typography",
+        "background": {
+          "value": "{color.EmulsifyBlue.600}",
+          "type": "color"
+        },
+        "darker-background": {
+          "value": "{color.EmulsifyBlue.900}",
+          "type": "color"
+        }
+      },
+      "color": {
+        "heading": {
+          "value": "{color.text.heading}",
+          "type": "color"
+        },
+        "heading-darker": {
+          "value": "{color.primary.darker}",
+          "type": "color"
+        },
+        "eyebrow": {
+          "value": "{color.text.body-lighter}",
+          "type": "color"
+        },
+        "body": {
+          "value": "{color.text.body}",
+          "type": "color"
+        },
+        "button": {
+          "value": "{color.text.white}",
+          "type": "color"
+        }
+      },
+      "background": {
+        "value": "{color.primary.lighter}",
+        "type": "color"
+      },
+      "button-background": {
+        "value": "{color.primary.default}",
+        "type": "color"
+      },
+      "button-background-darker": {
+        "value": "{color.primary.darker}",
         "type": "color"
       }
     }
@@ -2253,7 +2320,6 @@
         "color.fieldset.bg": "S:bfe975e6026fa7f0aa7fd11985d9ebaeb6565d17,",
         "color.fieldset.border": "S:ca6abb31ab70455a6d11848aadd158a8907b0bea,",
         "color.fieldset.label": "S:0d9aa0b5950a87753c48fba1aa9100282ebbb8e0,",
-        "cta.fill": "S:a6bc1d54b3da7366a595dc0dc2e6987baeafd6f3,",
         "breadcrumb.text.default": "S:ecaf6ffd8d511adea99c5a4d94c5929eed89b7d7,",
         "breadcrumb.text.hover": "S:c0247789551d012ba99e6c2d1738a6f99f8f5f14,",
         "colors.primary.lighter": "S:c8725628a7dffcd7f97d70505a8e1ef3f6f99c16,",
@@ -2443,7 +2509,6 @@
         "color.fieldset.bg": "47251918dfafd3b9a29561c0d8e0f45a1d6a6a8e",
         "color.fieldset.border": "8f1a5d81f61715b473cb09289e806d33e715901a",
         "color.fieldset.label": "667b8ed6a1eae8e94a1c324b6fd9c9dffeb7660a",
-        "cta.fill": "45d5ad4f0856cca1ee16c376e89792a2ec60ef04",
         "checkbox.button.fill": "30f3605f0746da73f37ea046045249db55362821",
         "checkbox.button.fill-hover": "0d9bc68bbfb1c107738cc5b7aa11c1bd1c7631d5",
         "checkbox.button.fill-disabled": "e2aea7eb3659d2c9f7c32a2d1eca870cb41476c6",
@@ -2730,7 +2795,6 @@
         "color.fieldset.bg": "460db7a453063b068e0f6a8fd468df2a3a5d636d",
         "color.fieldset.border": "bac0e0e04922374a9a35f443a582325c3aacea30",
         "color.fieldset.label": "8c40e4982b2746d45e4e69b08db0d547d5e8857a",
-        "cta.fill": "fe8b7bbb13b55c353092d168171c4996c3a4678c",
         "checkbox.button.fill": "3f0fbc42ccba13fd6c47395eb1c2b8a69fd8beb6",
         "checkbox.button.fill-hover": "f57fe90c92e54779298333aa444cbb5cedc510df",
         "checkbox.button.fill-disabled": "37d7515936488e0e90dc79d2a08c5e45ce430dd0",
@@ -2821,4 +2885,4 @@
       "storybook"
     ]
   }
-}
\ No newline at end of file
+}
diff --git a/src/tokens/transformed.tokens.json b/src/tokens/transformed.tokens.json
index 714ac22..0f7f805 100644
--- a/src/tokens/transformed.tokens.json
+++ b/src/tokens/transformed.tokens.json
@@ -63,7 +63,7 @@
           "type": "color"
         },
         "hover": {
-          "value": "#33b2e9",
+          "value": "#009fe4",
           "type": "color"
         }
       },
@@ -478,8 +478,8 @@
     "header": {
       "value": {
         "fontFamily": "Inter",
-        "fontWeight": "Bold",
-        "lineHeight": "150%",
+        "fontWeight": "Extra Bold",
+        "lineHeight": "100%",
         "fontSize": 37,
         "textCase": "none"
       },
@@ -490,13 +490,71 @@
         "fontFamily": "Inter",
         "fontWeight": "Regular",
         "lineHeight": "150%",
-        "fontSize": 24,
+        "fontSize": 18,
         "textCase": "none"
       },
       "type": "typography"
     },
-    "fill": {
-      "value": "#00202e",
+    "eyebrow": {
+      "value": {
+        "fontFamily": "Inter",
+        "fontWeight": "Bold",
+        "lineHeight": "150%",
+        "fontSize": 16,
+        "textCase": "uppercase"
+      },
+      "type": "typography"
+    },
+    "button": {
+      "value": {
+        "fontFamily": "Inter",
+        "fontWeight": "Bold",
+        "textCase": "uppercase",
+        "fontSize": 18,
+        "lineHeight": "150%"
+      },
+      "type": "typography",
+      "background": {
+        "value": "{color.EmulsifyBlue.600}",
+        "type": "color"
+      },
+      "darker-background": {
+        "value": "{color.EmulsifyBlue.900}",
+        "type": "color"
+      }
+    },
+    "color": {
+      "heading": {
+        "value": "#006089",
+        "type": "color"
+      },
+      "heading-darker": {
+        "value": "#006089",
+        "type": "color"
+      },
+      "eyebrow": {
+        "value": "#006089",
+        "type": "color"
+      },
+      "body": {
+        "value": "#00202e",
+        "type": "color"
+      },
+      "button": {
+        "value": "#ffffff",
+        "type": "color"
+      }
+    },
+    "background": {
+      "value": "#9ce1ff",
+      "type": "color"
+    },
+    "button-background": {
+      "value": "#009fe4",
+      "type": "color"
+    },
+    "button-background-darker": {
+      "value": "#006089",
       "type": "color"
     }
   },
@@ -722,11 +780,11 @@
         "type": "color"
       },
       "header": {
-        "value": "#0080b7",
+        "value": "#006089",
         "type": "color"
       },
       "header-hover": {
-        "value": "#33b2e9",
+        "value": "#009fe4",
         "type": "color"
       }
     },
@@ -766,8 +824,17 @@
         "value": "#00202e",
         "type": "color"
       },
+      "body-lighter": {
+        "value": "#006089",
+        "type": "color"
+      },
       "heading": {
-        "value": "#0080b7",
+        "value": "#006089",
+        "type": "color",
+        "description": "{color.primary.dark}"
+      },
+      "white": {
+        "value": "#ffffff",
         "type": "color"
       }
     },
@@ -778,11 +845,11 @@
       }
     },
     "link": {
-      "value": "#33b2e9",
+      "value": "#009fe4",
       "type": "color"
     },
     "link-hover": {
-      "value": "#009fe4",
+      "value": "#007fb6",
       "type": "color"
     },
     "black": {
@@ -2255,7 +2322,6 @@
       "color.fieldset.bg": "S:bfe975e6026fa7f0aa7fd11985d9ebaeb6565d17,",
       "color.fieldset.border": "S:ca6abb31ab70455a6d11848aadd158a8907b0bea,",
       "color.fieldset.label": "S:0d9aa0b5950a87753c48fba1aa9100282ebbb8e0,",
-      "cta.fill": "S:a6bc1d54b3da7366a595dc0dc2e6987baeafd6f3,",
       "breadcrumb.text.default": "S:ecaf6ffd8d511adea99c5a4d94c5929eed89b7d7,",
       "breadcrumb.text.hover": "S:c0247789551d012ba99e6c2d1738a6f99f8f5f14,",
       "colors.primary.lighter": "S:c8725628a7dffcd7f97d70505a8e1ef3f6f99c16,",
@@ -2445,7 +2511,6 @@
       "color.fieldset.bg": "47251918dfafd3b9a29561c0d8e0f45a1d6a6a8e",
       "color.fieldset.border": "8f1a5d81f61715b473cb09289e806d33e715901a",
       "color.fieldset.label": "667b8ed6a1eae8e94a1c324b6fd9c9dffeb7660a",
-      "cta.fill": "45d5ad4f0856cca1ee16c376e89792a2ec60ef04",
       "checkbox.button.fill": "30f3605f0746da73f37ea046045249db55362821",
       "checkbox.button.fill-hover": "0d9bc68bbfb1c107738cc5b7aa11c1bd1c7631d5",
       "checkbox.button.fill-disabled": "e2aea7eb3659d2c9f7c32a2d1eca870cb41476c6",
@@ -2736,7 +2801,6 @@
       "color.fieldset.bg": "460db7a453063b068e0f6a8fd468df2a3a5d636d",
       "color.fieldset.border": "bac0e0e04922374a9a35f443a582325c3aacea30",
       "color.fieldset.label": "8c40e4982b2746d45e4e69b08db0d547d5e8857a",
-      "cta.fill": "fe8b7bbb13b55c353092d168171c4996c3a4678c",
       "checkbox.button.fill": "3f0fbc42ccba13fd6c47395eb1c2b8a69fd8beb6",
       "checkbox.button.fill-hover": "f57fe90c92e54779298333aa444cbb5cedc510df",
       "checkbox.button.fill-disabled": "37d7515936488e0e90dc79d2a08c5e45ce430dd0",