diff --git a/client/src/app/correspondence/[code]/page.tsx b/client/src/app/correspondence/[code]/page.tsx
index e398990..eb8e356 100644
--- a/client/src/app/correspondence/[code]/page.tsx
+++ b/client/src/app/correspondence/[code]/page.tsx
@@ -147,8 +147,8 @@ export default function CorrespondenceGamePage() {
           boardWidth={480}
           position={fen}
           boardOrientation={boardOrientation}
-          customDarkSquareStyle={{ backgroundColor: "#4b7399" }}
-          customLightSquareStyle={{ backgroundColor: "#eae9d2" }}
+          customDarkSquareStyle={{ backgroundColor: "#2F8F72" }}
+          customLightSquareStyle={{ backgroundColor: "#DFF8E8" }}
           isDraggablePiece={({ piece }) =>
             isPlayer && !game.winner &&
             ((chess.turn() === "w" && piece.startsWith("w") && isWhite) ||
diff --git a/client/src/components/archive/ArchivedGame.tsx b/client/src/components/archive/ArchivedGame.tsx
index 5ce1b0b..769b0e5 100644
--- a/client/src/components/archive/ArchivedGame.tsx
+++ b/client/src/components/archive/ArchivedGame.tsx
@@ -225,8 +225,8 @@ export default function ArchivedGame({ game }: { game: Game }) {
       <div className="h-min">
         <Chessboard
           boardWidth={boardWidth}
-          customDarkSquareStyle={{ backgroundColor: "#4b7399" }}
-          customLightSquareStyle={{ backgroundColor: "#eae9d2" }}
+          customDarkSquareStyle={{ backgroundColor: "#2F8F72" }}
+          customLightSquareStyle={{ backgroundColor: "#DFF8E8" }}
           position={navFen || actualGame.fen()}
           boardOrientation={flipBoard ? "black" : "white"}
           isDraggablePiece={() => false}
diff --git a/client/src/components/game/GamePage.tsx b/client/src/components/game/GamePage.tsx
index 65c24d3..0ff41a2 100644
--- a/client/src/components/game/GamePage.tsx
+++ b/client/src/components/game/GamePage.tsx
@@ -582,8 +582,8 @@ export default function GamePage({ initialLobby }: { initialLobby: Game }) {
 
         <Chessboard
           boardWidth={boardWidth}
-          customDarkSquareStyle={{ backgroundColor: "#4b7399" }}
-          customLightSquareStyle={{ backgroundColor: "#eae9d2" }}
+          customDarkSquareStyle={{ backgroundColor: "#2F8F72" }}
+          customLightSquareStyle={{ backgroundColor: "#DFF8E8" }}
           position={navFen || lobby.actualGame.fen()}
           boardOrientation={lobby.side === "b" ? "black" : "white"}
           isDraggablePiece={isDraggablePiece}
diff --git a/client/src/components/home/LiveGames.tsx b/client/src/components/home/LiveGames.tsx
index cb3a7ad..df5bcce 100644
--- a/client/src/components/home/LiveGames.tsx
+++ b/client/src/components/home/LiveGames.tsx
@@ -35,8 +35,8 @@ export default function LiveGames() {
               position={game.fen}
               boardWidth={160}
               arePiecesDraggable={false}
-              customDarkSquareStyle={{ backgroundColor: "#4b7399" }}
-              customLightSquareStyle={{ backgroundColor: "#eae9d2" }}
+              customDarkSquareStyle={{ backgroundColor: "#2F8F72" }}
+              customLightSquareStyle={{ backgroundColor: "#DFF8E8" }}
             />
             <div className="px-2 py-1.5 flex flex-col gap-0.5">
               <span className="text-xs font-semibold truncate">{game.black?.name}</span>
diff --git a/client/src/components/home/RecentGames.tsx b/client/src/components/home/RecentGames.tsx
index 2b51ae6..cc365d0 100644
--- a/client/src/components/home/RecentGames.tsx
+++ b/client/src/components/home/RecentGames.tsx
@@ -58,8 +58,8 @@ export default function RecentGames({ userId }: { userId: number }) {
                   position={fen}
                   boardOrientation={myColor}
                   isDraggablePiece={() => false}
-                  customDarkSquareStyle={{ backgroundColor: "#4b7399" }}
-                  customLightSquareStyle={{ backgroundColor: "#eae9d2" }}
+                  customDarkSquareStyle={{ backgroundColor: "#2F8F72" }}
+                  customLightSquareStyle={{ backgroundColor: "#DFF8E8" }}
                   areArrowsAllowed={false}
                 />
               </div>
diff --git a/client/tailwind.config.js b/client/tailwind.config.js
index 14952b9..b76a454 100644
--- a/client/tailwind.config.js
+++ b/client/tailwind.config.js
@@ -11,27 +11,36 @@ module.exports = {
         themes: [
             {
                 michessLight: {
-                    primary: "#047AFF",
-                    secondary: "#818CF8",
-                    accent: "#C148AC",
-                    neutral: "#9ab3d9",
-                    "base-100": "#FFFFFF",
-                    "base-200": "#F2F7FF",
-                    "base-300": "#E3E9F4",
-                    "base-content": "#394E6A",
-                    info: "#93E7FB",
-                    success: "#81CFD1",
-                    warning: "#EFD7BB",
-                    error: "#E58B8B"
+                    primary: "#10B981",
+                    "primary-content": "#052E24",
+                    secondary: "#2DD4BF",
+                    "secondary-content": "#042F2E",
+                    accent: "#84CC16",
+                    "accent-content": "#1F2A05",
+                    neutral: "#5F746B",
+                    "base-100": "#F8FFFB",
+                    "base-200": "#ECFDF5",
+                    "base-300": "#D1FAE5",
+                    "base-content": "#12352B",
+                    info: "#5EEAD4",
+                    success: "#22C55E",
+                    warning: "#FBBF24",
+                    error: "#EF7D7D"
                 },
                 michessDark: {
-                    primary: "#38BDF8",
-                    secondary: "#818CF8",
-                    accent: "#1d4ed8",
-                    neutral: "#1E293B",
-                    "base-100": "#0F172A",
-                    info: "#0CA5E9",
-                    success: "#2DD4BF",
+                    primary: "#34D399",
+                    "primary-content": "#022C22",
+                    secondary: "#2DD4BF",
+                    "secondary-content": "#042F2E",
+                    accent: "#A3E635",
+                    "accent-content": "#1A2E05",
+                    neutral: "#18362C",
+                    "base-100": "#071A14",
+                    "base-200": "#0D261F",
+                    "base-300": "#12352B",
+                    "base-content": "#DFFDF0",
+                    info: "#5EEAD4",
+                    success: "#4ADE80",
                     warning: "#F4BF50",
                     error: "#FB7085"
                 }