diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 6ebb62d..08f78fa 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -50,11 +50,11 @@ export default function App() {
           </p>
 
           <div className="invite-palette">
-            <span style={{ background: '#9CFCC1' }} />
-            <span style={{ background: '#A7E7FE' }} />
-            <span style={{ background: '#F5FEAA' }} />
-            <span style={{ background: '#FFBCD8' }} />
-            <span style={{ background: '#FFB9FF' }} />
+            <span style={{ background: '#b1dea1' }} />
+            <span style={{ background: '#b7e0eb' }} />
+            <span style={{ background: '#f8eeb2' }} />
+            <span style={{ background: '#e196b0' }} />
+            <span style={{ background: '#dcb9e2' }} />
           </div>
 
           <div className="invite-bottom">