diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx
index c796c222d..c1fe9bc9c 100644
--- a/src/app/tools/compare/page.tsx
+++ b/src/app/tools/compare/page.tsx
@@ -385,7 +385,7 @@ export default function Page() {
                                               backgroundColor:
                                                 equipment === -1
                                                   ? theme.colors
-                                                      .textLowContrast_green
+                                                      .textLowContrast_crimson
                                                   : theme.colors
                                                       .textLowContrast,
                                               borderRadius: 2,
@@ -398,7 +398,7 @@ export default function Page() {
                                               backgroundColor:
                                                 equipment === 1
                                                   ? theme.colors
-                                                      .textLowContrast_green
+                                                      .textLowContrast_crimson
                                                   : theme.colors
                                                       .textLowContrast,
                                               borderRadius: 2,
diff --git a/src/stitches.config.ts b/src/stitches.config.ts
index c94b4892d..d9c13bf23 100644
--- a/src/stitches.config.ts
+++ b/src/stitches.config.ts
@@ -3,6 +3,7 @@ import {
   amberDarkA,
   blueDark,
   brownDark,
+  crimsonDark,
   greenDark,
   mauveDark,
   orangeDark,
@@ -36,6 +37,7 @@ export const theme = {
     ...createColors(brownDark, 'brown'),
     ...createColors(mauveDark, 'mauve'),
     ...createColors(sandDark, 'sand'),
+    ...createColors(crimsonDark, 'crimson'),
   },
 
   borderStyles: {