diff --git a/.changeset/dull-parrots-thank.md b/.changeset/dull-parrots-thank.md
new file mode 100644
index 000000000..ae8759140
--- /dev/null
+++ b/.changeset/dull-parrots-thank.md
@@ -0,0 +1,5 @@
+---
+'@microsoft/atlas-css': minor
+---
+
+Update primary colors to align with Fluent 2 colors.
diff --git a/css/src/components/tag.scss b/css/src/components/tag.scss
index 5b713b624..b4320091e 100644
--- a/css/src/components/tag.scss
+++ b/css/src/components/tag.scss
@@ -28,14 +28,15 @@ $tag-color-filled-hover: $primary-hover !default;
 $tag-background-filled-hover: $secondary !default;
 $tag-interactive-divider-color-filled: $secondary-box-shadow !default;
 $tag-interactive-color-filled-hover: $secondary-invert !default;
+$tag-interactive-color-filled-close-hover: $primary-dark-hover !default;
 
 $tag-color-primary: $primary-dark !default;
 $tag-color-primary-hover: $primary-hover !default;
 $tag-background-primary: $primary-background !default;
-$tag-background-primary-hover: $primary-hover !default;
+$tag-background-primary-hover: $primary-background-hover !default;
 $tag-border-color-primary: $primary-background-glow-high-contrast !default;
 $tag-interactive-divider-color-primary: $primary-box-shadow !default;
-$tag-interactive-color-primary-hover: $primary-invert !default;
+$tag-interactive-color-primary-hover: $primary-dark-hover !default;
 
 .tag {
 	display: inline-flex;
@@ -200,6 +201,11 @@ $tag-interactive-color-primary-hover: $primary-invert !default;
 
 		.tag-close {
 			border-inline-start-color: $tag-interactive-divider-color-filled;
+
+			&:hover,
+			&.is-hovered {
+				color: $tag-interactive-color-filled-close-hover;
+			}
 		}
 	}
 }
diff --git a/css/src/tokens/colors.scss b/css/src/tokens/colors.scss
index be4fee213..92c95f59a 100644
--- a/css/src/tokens/colors.scss
+++ b/css/src/tokens/colors.scss
@@ -8,6 +8,7 @@ $text: var(--theme-text);
 $text-subtle: var(--theme-text-subtle);
 $text-invert: var(--theme-text-invert);
 $hyperlink: var(--theme-hyperlink);
+$hyperlink-hover: var(--theme-hyperlink-hover);
 $text-glow-high-contrast: var(--theme-text-glow-high-contrast);
 $box-shadow-color-light: var(--theme-box-shadow-light);
 $box-shadow-color-medium: var(--theme-box-shadow-medium);
@@ -66,8 +67,10 @@ $score-high: var(--theme-score-high);
 
 $primary: var(--theme-primary-base);
 $primary-background: var(--theme-primary-background);
+$primary-background-hover: var(--theme-primary-background-hover);
 $primary-background-glow-high-contrast: var(--theme-primary-background-glow-high-contrast);
 $primary-dark: var(--theme-primary-dark);
+$primary-dark-hover: var(--theme-primary-dark-hover);
 $primary-hover: var(--theme-primary-hover);
 $primary-active: var(--theme-primary-active);
 $primary-invert: var(--theme-primary-invert);
@@ -75,8 +78,10 @@ $primary-box-shadow: var(--theme-primary-box-shadow);
 
 $secondary: var(--theme-secondary-base);
 $secondary-background: var(--theme-secondary-background);
+$secondary-background-hover: var(--theme-secondary-background-hover);
 $secondary-background-glow-high-contrast: var(--theme-secondary-background-glow-high-contrast);
 $secondary-dark: var(--theme-secondary-dark);
+$secondary-dark-hover: var(--theme-secondary-dark-hover);
 $secondary-hover: var(--theme-secondary-hover);
 $secondary-active: var(--theme-secondary-active);
 $secondary-invert: var(--theme-secondary-invert);
@@ -84,8 +89,10 @@ $secondary-box-shadow: var(--theme-secondary-box-shadow);
 
 $tertiary: var(--theme-tertiary-base);
 $tertiary-background: var(--theme-tertiary-background);
+$tertiary-background-hover: var(--theme-tertiary-background-hover);
 $tertiary-background-glow-high-contrast: var(--theme-tertiary-background-glow-high-contrast);
 $tertiary-dark: var(--theme-tertiary-dark);
+$tertiary-dark-hover: var(--theme-tertiary-dark-hover);
 $tertiary-hover: var(--theme-tertiary-hover);
 $tertiary-active: var(--theme-tertiary-active);
 $tertiary-invert: var(--theme-tertiary-invert);
@@ -93,8 +100,10 @@ $tertiary-box-shadow: var(--theme-tertiary-box-shadow);
 
 $success: var(--theme-success-base);
 $success-background: var(--theme-success-background);
+$success-background-hover: var(--theme-success-background-hover);
 $success-background-glow-high-contrast: var(--theme-success-background-glow-high-contrast);
 $success-dark: var(--theme-success-dark);
+$success-dark-hover: var(--theme-success-dark-hover);
 $success-hover: var(--theme-success-hover);
 $success-active: var(--theme-success-active);
 $success-invert: var(--theme-success-invert);
@@ -102,8 +111,10 @@ $success-box-shadow: var(--theme-success-box-shadow);
 
 $info: var(--theme-info-base);
 $info-background: var(--theme-info-background);
+$info-background-hover: var(--theme-info-background-hover);
 $info-background-glow-high-contrast: var(--theme-info-background-glow-high-contrast);
 $info-dark: var(--theme-info-dark);
+$info-dark-hover: var(--theme-info-dark-hover);
 $info-hover: var(--theme-info-hover);
 $info-active: var(--theme-info-active);
 $info-invert: var(--theme-info-invert);
@@ -111,8 +122,10 @@ $info-box-shadow: var(--theme-info-box-shadow);
 
 $warning: var(--theme-warning-base);
 $warning-background: var(--theme-warning-background);
+$warning-background-hover: var(--theme-warning-background-hover);
 $warning-background-glow-high-contrast: var(--theme-warning-background-glow-high-contrast);
 $warning-dark: var(--theme-warning-dark);
+$warning-dark-hover: var(--theme-warning-dark-hover);
 $warning-hover: var(--theme-warning-hover);
 $warning-active: var(--theme-warning-active);
 $warning-invert: var(--theme-warning-invert);
@@ -120,8 +133,10 @@ $warning-box-shadow: var(--theme-warning-box-shadow);
 
 $danger: var(--theme-danger-base);
 $danger-background: var(--theme-danger-background);
+$danger-background-hover: var(--theme-danger-background-hover);
 $danger-background-glow-high-contrast: var(--theme-danger-background-glow-high-contrast);
 $danger-dark: var(--theme-danger-dark);
+$danger-dark-hover: var(--theme-danger-dark-hover);
 $danger-hover: var(--theme-danger-hover);
 $danger-active: var(--theme-danger-active);
 $danger-invert: var(--theme-danger-invert);
@@ -136,7 +151,9 @@ $colors: (
 		$primary-active,
 		$primary-invert,
 		$primary-box-shadow,
-		$primary-background-glow-high-contrast
+		$primary-background-glow-high-contrast,
+		$primary-background-hover,
+		$primary-dark-hover
 	),
 	'secondary': (
 		$secondary,
@@ -146,7 +163,9 @@ $colors: (
 		$secondary-active,
 		$secondary-invert,
 		$secondary-box-shadow,
-		$secondary-background-glow-high-contrast
+		$secondary-background-glow-high-contrast,
+		$secondary-background-hover,
+		$secondary-dark-hover
 	),
 	'tertiary': (
 		$tertiary,
@@ -156,7 +175,9 @@ $colors: (
 		$tertiary-active,
 		$tertiary-invert,
 		$tertiary-box-shadow,
-		$tertiary-background-glow-high-contrast
+		$tertiary-background-glow-high-contrast,
+		$tertiary-background-hover,
+		$tertiary-dark-hover
 	),
 	'success': (
 		$success,
@@ -166,7 +187,9 @@ $colors: (
 		$success-active,
 		$success-invert,
 		$success-box-shadow,
-		$success-background-glow-high-contrast
+		$success-background-glow-high-contrast,
+		$success-background-hover,
+		$success-dark-hover
 	),
 	'info': (
 		$info,
@@ -176,7 +199,9 @@ $colors: (
 		$info-active,
 		$info-invert,
 		$info-box-shadow,
-		$info-background-glow-high-contrast
+		$info-background-glow-high-contrast,
+		$info-background-hover,
+		$info-dark-hover
 	),
 	'warning': (
 		$warning,
@@ -186,7 +211,9 @@ $colors: (
 		$warning-active,
 		$warning-invert,
 		$warning-box-shadow,
-		$warning-background-glow-high-contrast
+		$warning-background-glow-high-contrast,
+		$warning-background-hover,
+		$warning-dark-hover
 	),
 	'danger': (
 		$danger,
@@ -196,7 +223,9 @@ $colors: (
 		$danger-active,
 		$danger-invert,
 		$danger-box-shadow,
-		$danger-background-glow-high-contrast
+		$danger-background-glow-high-contrast,
+		$danger-background-hover,
+		$danger-dark-hover
 	)
 ) !default;
 
@@ -212,6 +241,8 @@ $color-index-active: 5;
 $color-index-invert: 6;
 $color-index-box-shadow: 7;
 $color-index-background-glow-high-contrast: 8;
+$color-index-background-hover: 9;
+$color-index-dark-hover: 10;
 
 // example implementation of a color loop
 
diff --git a/css/src/tokens/palette.scss b/css/src/tokens/palette.scss
index cfbbaba9d..4b2cb1934 100644
--- a/css/src/tokens/palette.scss
+++ b/css/src/tokens/palette.scss
@@ -71,16 +71,37 @@ $palette-white-opacity-18: hsl(0deg 0% 100% / 18%) !default;
 
 // Blue
 
-$palette-blue-10: #d7eaf8 !default;
-$palette-blue-20: #9ccbee !default;
-$palette-blue-30: #75b6e7 !default;
-$palette-blue-40: #278cda !default;
-$palette-blue-50: #0078d4 !default;
-$palette-blue-60: #0065b3 !default;
-$palette-blue-70: #00579a !default;
-$palette-blue-80: #004173 !default;
-$palette-blue-90: #002b4d !default;
-$palette-blue-100: #000a13 !default;
+$palette-blue-10-deprecated: #d7eaf8 !default;
+$palette-blue-20-deprecated: #9ccbee !default;
+$palette-blue-30-deprecated: #75b6e7 !default;
+$palette-blue-40-deprecated: #278cda !default;
+$palette-blue-50-deprecated: #0078d4 !default;
+$palette-blue-60-deprecated: #0065b3 !default;
+$palette-blue-70-deprecated: #00579a !default;
+$palette-blue-80-deprecated: #004173 !default;
+$palette-blue-90-deprecated: #002b4d !default;
+$palette-blue-100-deprecated: #000a13 !default;
+
+$palette-blue-10: #ebf3fc !default;
+$palette-blue-20: #cfe4fa !default;
+$palette-blue-30: #a9d3f2 !default;
+$palette-blue-40: #b4d6fa !default;
+$palette-blue-50: #9abfdc !default;
+$palette-blue-60: #77b7f7 !default;
+$palette-blue-70: #62abf5 !default;
+$palette-blue-80: #479ef5 !default;
+$palette-blue-90: #2886de !default;
+$palette-blue-100: #0078d4 !default;
+$palette-blue-110: #0f6cbd !default;
+$palette-blue-120: #115ea3 !default;
+$palette-blue-130: #0f548c !default;
+$palette-blue-140: #004e8c !default;
+$palette-blue-150: #0e4775 !default;
+$palette-blue-160: #004377 !default;
+$palette-blue-170: #0c3b5e !default;
+$palette-blue-180: #0a2e4a !default;
+$palette-blue-190: #002c4e !default;
+$palette-blue-200: #082338 !default;
 
 $palette-blue-a: #9ccbee !default;
 
@@ -107,19 +128,21 @@ $palette-navy-opacity-70: hsl(262deg 46% 17% / 70%) !default;
 
 // Turqoise
 
-$palette-turqoise-10: #e9fbff !default;
-$palette-turqoise-20: #bdf5ff !default;
-$palette-turqoise-30: #7becff !default;
-$palette-turqoise-40: #50e6ff !default;
-$palette-turqoise-50: #41b9cf !default;
-$palette-turqoise-60: #328e9f !default;
-$palette-turqoise-70: #28727f !default;
-$palette-turqoise-80: #19474f !default;
-$palette-turqoise-90: #0f2a2f !default;
-$palette-turqoise-100: #050e0f !default;
-
-$palette-navy-opacity-30: hsl(189deg 52% 12% / 30%) !default;
-$palette-navy-opacity-70: hsl(189deg 52% 12% / 70%) !default;
+$palette-turqoise-10-deprecated: #e9fbff !default;
+$palette-turqoise-20-deprecated: #bdf5ff !default;
+$palette-turqoise-30-deprecated: #7becff !default;
+$palette-turqoise-40-deprecated: #50e6ff !default;
+$palette-turqoise-50-deprecated: #41b9cf !default;
+$palette-turqoise-60-deprecated: #328e9f !default;
+$palette-turqoise-70-deprecated: #28727f !default;
+$palette-turqoise-80-deprecated: #19474f !default;
+$palette-turqoise-90-deprecated: #0f2a2f !default;
+$palette-turqoise-100-deprecated: #050e0f !default;
+
+$palette-turqoise-10: #1aebff !default;
+
+$palette-turqoise-opacity-30-deprecated: hsl(189deg 52% 12% / 30%) !default;
+$palette-turqoise-opacity-70-deprecated: hsl(189deg 52% 12% / 70%) !default;
 
 // Green
 
diff --git a/css/src/tokens/themes.scss b/css/src/tokens/themes.scss
index 74e6954eb..2b0f5b3dc 100644
--- a/css/src/tokens/themes.scss
+++ b/css/src/tokens/themes.scss
@@ -42,70 +42,84 @@ $themes: (
 		'score-medium': $palette-yellow-50,
 		'score-high-off': $palette-green-opacity-30,
 		'score-high': $palette-green-50,
-		'hyperlink': $palette-blue-60,
-		'primary-base': $palette-blue-50,
+		'hyperlink': $palette-blue-60-deprecated,
+		'primary-base': $palette-blue-110,
 		'primary-background': $palette-blue-10,
-		'primary-background-glow-high-contrast': $palette-blue-10,
-		'primary-dark': $palette-blue-80,
-		'primary-hover': $palette-blue-60,
-		'primary-active': $palette-blue-70,
+		'primary-background-hover': $palette-blue-20,
+		'primary-background-glow-high-contrast': $palette-blue-10-deprecated,
+		'primary-dark': $palette-blue-120,
+		'primary-dark-hover': $palette-blue-120,
+		'primary-hover': $palette-blue-120,
+		'primary-active': $palette-blue-170,
 		'primary-box-shadow': $palette-blue-opacity-30,
 		'primary-invert': $palette-white,
 		'secondary-base': $palette-grey-60,
 		'secondary-background': $palette-grey-30,
+		'secondary-background-hover': $palette-grey-50,
 		'secondary-background-glow-high-contrast': $palette-grey-30,
 		'secondary-dark': $palette-grey-110,
+		'secondary-dark-hover': $palette-grey-70,
 		'secondary-hover': $palette-grey-40,
 		'secondary-active': $palette-grey-40,
 		'secondary-box-shadow': $palette-black-opacity-30,
 		'secondary-invert': $palette-black,
 		'tertiary-base': $palette-navy-70,
 		'tertiary-background': $palette-navy-90,
+		'tertiary-background-hover': $palette-navy-60,
 		'tertiary-background-glow-high-contrast': $palette-navy-90,
 		'tertiary-dark': $palette-navy-30,
+		'tertiary-dark-hover': $palette-navy-50,
 		'tertiary-hover': $palette-navy-80,
 		'tertiary-active': $palette-navy-50,
 		'tertiary-box-shadow': $palette-navy-opacity-30,
 		'tertiary-invert': $palette-white,
 		'success-base': $palette-green-60,
 		'success-background': $palette-green-10,
+		'success-background-hover': $palette-navy-30,
 		'success-background-glow-high-contrast': $palette-green-10,
 		'success-dark': $palette-green-80,
+		'success-dark-hover': $palette-navy-50,
 		'success-hover': $palette-green-70,
 		'success-active': $palette-green-80,
 		'success-box-shadow': $palette-green-opacity-30,
 		'success-invert': $palette-white,
 		'info-base': $palette-purple-60,
 		'info-background': $palette-purple-10,
+		'info-background-hover': $palette-purple-30,
 		'info-background-glow-high-contrast': $palette-purple-10,
 		'info-dark': $palette-purple-80,
+		'info-dark-hover': $palette-purple-60,
 		'info-hover': $palette-purple-60,
 		'info-active': $palette-purple-70,
 		'info-box-shadow': $palette-purple-opacity-30,
 		'info-invert': $palette-white,
 		'warning-base': $palette-yellow-50,
 		'warning-background': $palette-yellow-10,
+		'warning-background-hover': $palette-yellow-40,
 		'warning-background-glow-high-contrast': $palette-yellow-10,
 		'warning-dark': $palette-yellow-80,
+		'warning-dark-hover': $palette-yellow-60,
 		'warning-hover': $palette-yellow-60,
 		'warning-active': $palette-yellow-70,
 		'warning-box-shadow': $palette-yellow-opacity-30,
 		'warning-invert': $palette-black,
 		'danger-base': $palette-red-60,
 		'danger-background': $palette-red-10,
+		'danger-background-hover': $palette-red-30,
 		'danger-background-glow-high-contrast': $palette-red-10,
 		'danger-dark': $palette-red-90,
+		'danger-dark-hover': $palette-red-60,
 		'danger-hover': $palette-red-70,
 		'danger-active': $palette-red-80,
 		'danger-box-shadow': $palette-red-opacity-30,
 		'danger-invert': $palette-white,
 		'facepile-red': $palette-red-60,
-		'facepile-teal': $palette-turqoise-60,
-		'facepile-blue': $palette-blue-50,
+		'facepile-teal': $palette-turqoise-60-deprecated,
+		'facepile-blue': $palette-blue-50-deprecated,
 		'gradient-text-purple': $palette-purple-b,
-		'gradient-text-blue': $palette-blue-70,
+		'gradient-text-blue': $palette-blue-70-deprecated,
 		'gradient-vivid-start': $palette-purple-c,
-		'gradient-vivid-end': $palette-blue-50
+		'gradient-vivid-end': $palette-blue-50-deprecated
 	),
 	'dark': (
 		'text': $palette-grey-30,
@@ -147,70 +161,84 @@ $themes: (
 		'score-medium': $palette-yellow-40,
 		'score-high-off': $palette-green-opacity-70,
 		'score-high': $palette-green-40,
-		'hyperlink': $palette-blue-30,
-		'primary-base': $palette-blue-30,
-		'primary-background': $palette-blue-80,
-		'primary-background-glow-high-contrast': $palette-blue-80,
-		'primary-dark': $palette-blue-20,
-		'primary-hover': $palette-blue-40,
-		'primary-active': $palette-blue-50,
+		'hyperlink': $palette-blue-30-deprecated,
+		'primary-base': $palette-blue-30-deprecated,
+		'primary-background': $palette-blue-80-deprecated,
+		'primary-background-hover': $palette-blue-200,
+		'primary-background-glow-high-contrast': $palette-blue-80-deprecated,
+		'primary-dark': $palette-blue-20-deprecated,
+		'primary-dark-hover': $palette-blue-20-deprecated,
+		'primary-hover': $palette-blue-40-deprecated,
+		'primary-active': $palette-blue-90,
 		'primary-box-shadow': $palette-blue-opacity-30,
 		'primary-invert': $palette-black,
 		'secondary-base': $palette-grey-80,
 		'secondary-background': $palette-grey-100,
+		'secondary-background-hover': $palette-grey-50,
 		'secondary-background-glow-high-contrast': $palette-grey-100,
 		'secondary-dark': $palette-grey-30,
+		'secondary-dark-hover': $palette-grey-70,
 		'secondary-hover': $palette-grey-70,
 		'secondary-active': $palette-grey-60,
 		'secondary-box-shadow': $palette-black-opacity-70,
 		'secondary-invert': $palette-white,
 		'tertiary-base': $palette-grey-100,
 		'tertiary-background': $palette-grey-120,
+		'tertiary-background-hover': $palette-grey-90,
 		'tertiary-background-glow-high-contrast': $palette-grey-120,
 		'tertiary-dark': $palette-grey-30,
+		'tertiary-dark-hover': $palette-grey-70,
 		'tertiary-hover': $palette-grey-90,
 		'tertiary-active': $palette-grey-80,
 		'tertiary-box-shadow': $palette-blue-opacity-30,
 		'tertiary-invert': $palette-white,
 		'success-base': $palette-green-30,
 		'success-background': $palette-green-80,
+		'success-background-hover': $palette-green-60,
 		'success-background-glow-high-contrast': $palette-green-80,
 		'success-dark': $palette-green-10,
+		'success-dark-hover': $palette-green-30,
 		'success-hover': $palette-green-40,
 		'success-active': $palette-green-30,
 		'success-box-shadow': $palette-green-opacity-70,
 		'success-invert': $palette-black,
 		'info-base': $palette-purple-50,
 		'info-background': $palette-purple-80,
+		'info-background-hover': $palette-purple-60,
 		'info-background-glow-high-contrast': $palette-purple-80,
 		'info-dark': $palette-purple-10,
+		'info-dark-hover': $palette-purple-30,
 		'info-hover': $palette-purple-40,
 		'info-active': $palette-purple-30,
 		'info-box-shadow': $palette-purple-opacity-70,
 		'info-invert': $palette-black,
 		'warning-base': $palette-yellow-50,
 		'warning-background': $palette-yellow-80,
+		'warning-background-hover': $palette-yellow-50,
 		'warning-background-glow-high-contrast': $palette-yellow-80,
 		'warning-dark': $palette-yellow-10,
+		'warning-dark-hover': $palette-yellow-30,
 		'warning-hover': $palette-yellow-40,
 		'warning-active': $palette-yellow-30,
 		'warning-box-shadow': $palette-yellow-opacity-70,
 		'warning-invert': $palette-black,
 		'danger-base': $palette-red-20,
 		'danger-background': $palette-red-80,
+		'danger-background-hover': $palette-red-50,
 		'danger-background-glow-high-contrast': $palette-red-80,
 		'danger-dark': $palette-red-10,
+		'danger-dark-hover': $palette-red-30,
 		'danger-hover': $palette-red-40,
 		'danger-active': $palette-red-30,
 		'danger-box-shadow': $palette-red-opacity-70,
 		'danger-invert': $palette-black,
 		'facepile-red': $palette-red-40,
-		'facepile-teal': $palette-turqoise-40,
-		'facepile-blue': $palette-blue-40,
+		'facepile-teal': $palette-turqoise-40-deprecated,
+		'facepile-blue': $palette-blue-40-deprecated,
 		'gradient-text-purple': $palette-purple-a,
 		'gradient-text-blue': $palette-blue-a,
 		'gradient-vivid-start': $palette-purple-c,
-		'gradient-vivid-end': $palette-blue-30
+		'gradient-vivid-end': $palette-blue-30-deprecated
 	),
 	'high-contrast': (
 		'text': $palette-white,
@@ -255,63 +283,77 @@ $themes: (
 		'hyperlink': $palette-yellow-high-contrast,
 		'primary-base': $palette-yellow-high-contrast,
 		'primary-background': $palette-black,
+		'primary-background-hover': $palette-yellow-high-contrast-hover,
 		'primary-background-glow-high-contrast': $palette-yellow-high-contrast,
 		'primary-dark': $palette-yellow-high-contrast,
+		'primary-dark-hover': $palette-black,
 		'primary-hover': $palette-yellow-high-contrast-hover,
 		'primary-active': $palette-yellow-high-contrast-hover,
 		'primary-box-shadow': $palette-white,
 		'primary-invert': $palette-black,
 		'secondary-base': $palette-grey-30,
 		'secondary-background': $palette-black,
+		'secondary-background-hover': $palette-yellow-high-contrast-hover,
 		'secondary-background-glow-high-contrast': $palette-grey-90,
 		'secondary-dark': $palette-grey-30,
+		'secondary-dark-hover': $palette-black,
 		'secondary-hover': $palette-grey-40,
 		'secondary-active': $palette-grey-40,
 		'secondary-box-shadow': $palette-grey-30,
 		'secondary-invert': $palette-black,
 		'tertiary-base': $palette-white,
 		'tertiary-background': $palette-black,
+		'tertiary-background-hover': $palette-grey-90,
 		'tertiary-background-glow-high-contrast': $palette-white,
 		'tertiary-dark': $palette-white,
+		'tertiary-dark-hover': $palette-grey-30,
 		'tertiary-hover': $palette-grey-30,
 		'tertiary-active': $palette-grey-30,
 		'tertiary-box-shadow': $palette-white,
 		'tertiary-invert': $palette-black,
 		'success-base': $palette-green-30,
 		'success-background': $palette-black,
+		'success-background-hover': $palette-green-20,
 		'success-background-glow-high-contrast': $palette-green-30,
 		'success-dark': $palette-green-20,
+		'success-dark-hover': $palette-green-30,
 		'success-hover': $palette-green-20,
 		'success-active': $palette-green-20,
 		'success-box-shadow': $palette-white,
 		'success-invert': $palette-black,
 		'info-base': $palette-purple-20,
 		'info-background': $palette-black,
+		'info-background-hover': $palette-purple-20,
 		'info-background-glow-high-contrast': $palette-purple-20,
 		'info-dark': $palette-purple-10,
+		'info-dark-hover': $palette-purple-30,
 		'info-hover': $palette-purple-10,
 		'info-active': $palette-purple-10,
 		'info-box-shadow': $palette-white,
 		'info-invert': $palette-black,
 		'warning-base': $palette-yellow-20,
 		'warning-background': $palette-black,
+		'warning-background-hover': $palette-yellow-20,
 		'warning-background-glow-high-contrast': $palette-yellow-20,
 		'warning-dark': $palette-yellow-10,
+		'warning-dark-hover': $palette-yellow-30,
 		'warning-hover': $palette-yellow-10,
 		'warning-active': $palette-yellow-10,
 		'warning-box-shadow': $palette-white,
 		'warning-invert': $palette-black,
 		'danger-base': $palette-red-20,
 		'danger-background': $palette-black,
+		'danger-background-hover': $palette-red-20,
 		'danger-background-glow-high-contrast': $palette-red-20,
 		'danger-dark': $palette-red-10,
+		'danger-dark-hover': $palette-red-30,
 		'danger-hover': $palette-red-10,
 		'danger-active': $palette-red-10,
 		'danger-box-shadow': $palette-white,
 		'danger-invert': $palette-black,
 		'facepile-red': $palette-red-30,
-		'facepile-teal': $palette-turqoise-30,
-		'facepile-blue': $palette-blue-30,
+		'facepile-teal': $palette-turqoise-30-deprecated,
+		'facepile-blue': $palette-blue-30-deprecated,
 		'gradient-text-purple': $white-static,
 		'gradient-text-blue': $white-static,
 		'gradient-vivid-start': $white-static,