diff --git a/tailwind.config.js b/tailwind.config.js
index 01bfc615ff..b1455aa855 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -29,7 +29,19 @@ module.exports = {
           800: "#03543F",
           900: "#014737",
         },
-        secondary: colors.gray,
+        // TODO: change to `colors.gray` when #4307 is merged.
+        secondary: {
+          50: "#f9fafb",
+          100: "#f3f4f6",
+          200: "#e5e7eb",
+          300: "#d1d5db",
+          400: "#9ca3af",
+          500: "#6b7280",
+          600: "#4b5563",
+          700: "#374151",
+          800: "#1f2937",
+          900: "#111827",
+        },
         danger: colors.red,
         warning: colors.amber,
         alert: colors.violet,