diff --git a/invokeai/frontend/web/src/theme/colors/greenTea.ts b/invokeai/frontend/web/src/theme/colors/greenTea.ts
index ffecbf2ffa..318aecbc61 100644
--- a/invokeai/frontend/web/src/theme/colors/greenTea.ts
+++ b/invokeai/frontend/web/src/theme/colors/greenTea.ts
@@ -4,8 +4,8 @@ import { generateColorPalette } from '../util/generateColorPalette';
 export const greenTeaThemeColors: InvokeAIThemeColors = {
   base: generateColorPalette(223, 10),
   baseAlpha: generateColorPalette(223, 10, false, true),
-  accent: generateColorPalette(155, 80),
-  accentAlpha: generateColorPalette(155, 80, false, true),
+  accent: generateColorPalette(160, 60),
+  accentAlpha: generateColorPalette(160, 60, false, true),
   working: generateColorPalette(47, 68),
   workingAlpha: generateColorPalette(47, 68, false, true),
   warning: generateColorPalette(28, 75),
@@ -14,5 +14,5 @@ export const greenTeaThemeColors: InvokeAIThemeColors = {
   okAlpha: generateColorPalette(122, 49, false, true),
   error: generateColorPalette(0, 50),
   errorAlpha: generateColorPalette(0, 50, false, true),
-  gridLineColor: 'rgba(255, 255, 255, 0.2)',
+  gridLineColor: 'rgba(255, 255, 255, 0.15)',
 };
diff --git a/invokeai/frontend/web/src/theme/colors/invokeAI.ts b/invokeai/frontend/web/src/theme/colors/invokeAI.ts
index c39b3bed81..82db58bd35 100644
--- a/invokeai/frontend/web/src/theme/colors/invokeAI.ts
+++ b/invokeai/frontend/web/src/theme/colors/invokeAI.ts
@@ -2,8 +2,8 @@ import { InvokeAIThemeColors } from 'theme/themeTypes';
 import { generateColorPalette } from 'theme/util/generateColorPalette';
 
 export const invokeAIThemeColors: InvokeAIThemeColors = {
-  base: generateColorPalette(225, 15),
-  baseAlpha: generateColorPalette(225, 15, false, true),
+  base: generateColorPalette(220, 15),
+  baseAlpha: generateColorPalette(220, 15, false, true),
   accent: generateColorPalette(250, 50),
   accentAlpha: generateColorPalette(250, 50, false, true),
   working: generateColorPalette(47, 67),
@@ -14,5 +14,5 @@ export const invokeAIThemeColors: InvokeAIThemeColors = {
   okAlpha: generateColorPalette(113, 70, false, true),
   error: generateColorPalette(0, 76),
   errorAlpha: generateColorPalette(0, 76, false, true),
-  gridLineColor: 'rgba(255, 255, 255, 0.2)',
+  gridLineColor: 'rgba(150, 150, 180, 0.15)',
 };
diff --git a/invokeai/frontend/web/src/theme/colors/lightTheme.ts b/invokeai/frontend/web/src/theme/colors/lightTheme.ts
index 2a7a05bbd2..2fdbd1a769 100644
--- a/invokeai/frontend/web/src/theme/colors/lightTheme.ts
+++ b/invokeai/frontend/web/src/theme/colors/lightTheme.ts
@@ -14,5 +14,5 @@ export const lightThemeColors: InvokeAIThemeColors = {
   okAlpha: generateColorPalette(122, 49, true, true),
   error: generateColorPalette(0, 50, true),
   errorAlpha: generateColorPalette(0, 50, true, true),
-  gridLineColor: 'rgba(0, 0, 0, 0.2)',
+  gridLineColor: 'rgba(0, 0, 0, 0.15)',
 };
diff --git a/invokeai/frontend/web/src/theme/colors/oceanBlue.ts b/invokeai/frontend/web/src/theme/colors/oceanBlue.ts
index adfb8ab288..952e0a5066 100644
--- a/invokeai/frontend/web/src/theme/colors/oceanBlue.ts
+++ b/invokeai/frontend/web/src/theme/colors/oceanBlue.ts
@@ -14,5 +14,5 @@ export const oceanBlueColors: InvokeAIThemeColors = {
   okAlpha: generateColorPalette(122, 49, false, true),
   error: generateColorPalette(0, 100),
   errorAlpha: generateColorPalette(0, 100, false, true),
-  gridLineColor: 'rgba(136, 148, 184, 0.2)',
+  gridLineColor: 'rgba(136, 148, 184, 0.15)',
 };