diff --git a/app/src/main/java/org/mozilla/fenix/theme/FirefoxTheme.kt b/app/src/main/java/org/mozilla/fenix/theme/FirefoxTheme.kt
index 41b77a8633..0e55a73205 100644
--- a/app/src/main/java/org/mozilla/fenix/theme/FirefoxTheme.kt
+++ b/app/src/main/java/org/mozilla/fenix/theme/FirefoxTheme.kt
@@ -52,7 +52,8 @@ private val darkColorPalette = FirefoxColors(
     gradientStart = PhotonColors.Violet70,
     gradientEnd = PhotonColors.Violet40,
     actionPrimary = PhotonColors.Violet60,
-    actionSecondary = PhotonColors.DarkGrey10,
+    actionSecondary = PhotonColors.LightGrey05,
+    actionTertiary = PhotonColors.DarkGrey10,
     formDefault = PhotonColors.LightGrey05,
     formSelected = PhotonColors.Violet40,
     formSurface = PhotonColors.DarkGrey05,
@@ -104,6 +105,7 @@ private val lightColorPalette = FirefoxColors(
     gradientEnd = PhotonColors.Violet40,
     actionPrimary = PhotonColors.Ink20,
     actionSecondary = PhotonColors.LightGrey40,
+    actionTertiary = PhotonColors.LightGrey40,
     formDefault = PhotonColors.DarkGrey90,
     formSelected = PhotonColors.Ink20,
     formSurface = PhotonColors.LightGrey50,
@@ -160,6 +162,7 @@ class FirefoxColors(
     gradientEnd: Color,
     actionPrimary: Color,
     actionSecondary: Color,
+    actionTertiary: Color,
     formDefault: Color,
     formSelected: Color,
     formSurface: Color,
@@ -232,9 +235,12 @@ class FirefoxColors(
     // Primary button, Snackbar, Floating action button, Chip selected
     var actionPrimary by mutableStateOf(actionPrimary)
         private set
-    // Secondary button, Chip
+    // Secondary button
     var actionSecondary by mutableStateOf(actionSecondary)
         private set
+    // Filter
+    var actionTertiary by mutableStateOf(actionTertiary)
+        private set
     // Checkbox default, Radio button default
     var formDefault by mutableStateOf(formDefault)
         private set
@@ -360,6 +366,7 @@ class FirefoxColors(
         gradientEnd = other.gradientEnd
         actionPrimary = other.actionPrimary
         actionSecondary = other.actionSecondary
+        actionTertiary = other.actionTertiary
         formDefault = other.formDefault
         formSelected = other.formSelected
         formSurface = other.formSurface
@@ -411,6 +418,7 @@ class FirefoxColors(
         gradientEnd = gradientEnd,
         actionPrimary = actionPrimary,
         actionSecondary = actionSecondary,
+        actionTertiary = actionTertiary,
         formDefault = formDefault,
         formSelected = formSelected,
         formSurface = formSurface,
diff --git a/app/src/main/res/values-night/colors.xml b/app/src/main/res/values-night/colors.xml
index 69f003124e..243b26ba9c 100644
--- a/app/src/main/res/values-night/colors.xml
+++ b/app/src/main/res/values-night/colors.xml
@@ -27,8 +27,10 @@
     <!-- Action -->
     <!-- Primary button, Snackbar, Floating action button, Chip selected -->
     <color name="fx_mobile_action_color_primary">@color/photonViolet60</color>
-    <!-- Secondary button, Chip -->
-    <color name="fx_mobile_action_color_secondary" tools:ignore="UnusedResources">@color/photonDarkGrey10</color>
+    <!-- Secondary button -->
+    <color name="fx_mobile_action_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
+    <!-- Filter -->
+    <color name="fx_mobile_action_color_tertiary" tools:ignore="UnusedResources">@color/photonDarkGrey10</color>
     <!-- Checkbox default, Radio button default -->
     <color name="fx_mobile_action_color_form_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
     <!-- Checkbox selected, Radio button selected -->
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 1849517e79..e9fc41db9e 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -27,8 +27,10 @@
     <!-- Action -->
     <!-- Primary button, Snackbar, Floating action button, Chip selected -->
     <color name="fx_mobile_action_color_primary">@color/photonInk20</color>
-    <!-- Secondary button, Chip -->
+    <!-- Secondary button -->
     <color name="fx_mobile_action_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
+    <!-- Filter -->
+    <color name="fx_mobile_action_color_tertiary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
     <!-- Checkbox default, Radio button default -->
     <color name="fx_mobile_action_color_form_default" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
     <!-- Checkbox selected, Radio button selected -->