diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddIcon.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddIcon.tsx
index 6541b66151..9dd6a59c49 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddIcon.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddIcon.tsx
@@ -6,7 +6,7 @@ const AutoAddIcon = () => {
   const { t } = useTranslation();
   return (
     <Flex position="absolute" insetInlineEnd={0} top={0} p={1}>
-      <Badge variant="solid" bg="invokeBlue.500">
+      <Badge variant="solid" bg="invokeBlue.400">
         {t('common.auto')}
       </Badge>
     </Flex>
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
index 8e3c7e4ab2..0509305192 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
@@ -173,8 +173,8 @@ const GalleryBoard = ({ board, isSelected, setBoardToDelete }: GalleryBoardProps
                   w="full"
                   maxW="full"
                   borderBottomRadius="base"
-                  bg={isSelected ? 'invokeBlue.500' : 'base.600'}
-                  color={isSelected ? 'base.50' : 'base.100'}
+                  bg={isSelected ? 'invokeBlue.400' : 'base.600'}
+                  color={isSelected ? 'base.800' : 'base.100'}
                   lineHeight="short"
                   fontSize="xs"
                 >
@@ -193,6 +193,7 @@ const GalleryBoard = ({ board, isSelected, setBoardToDelete }: GalleryBoardProps
                       overflow="hidden"
                       textOverflow="ellipsis"
                       noOfLines={1}
+                      color="inherit"
                     />
                     <EditableInput sx={editableInputStyles} />
                   </Editable>
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
index 2b022dc90a..14bdecba65 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
@@ -109,8 +109,8 @@ const NoBoardBoard = memo(({ isSelected }: Props) => {
                   w="full"
                   maxW="full"
                   borderBottomRadius="base"
-                  bg={isSelected ? 'invokeBlue.500' : 'base.600'}
-                  color={isSelected ? 'base.50' : 'base.100'}
+                  bg={isSelected ? 'invokeBlue.400' : 'base.600'}
+                  color={isSelected ? 'base.800' : 'base.100'}
                   lineHeight="short"
                   fontSize="xs"
                   fontWeight={isSelected ? 'bold' : 'normal'}