diff --git a/apps/dashboard/public/neon.png b/apps/dashboard/public/neon.png
index 2fcee02b2..e970cf500 100644
Binary files a/apps/dashboard/public/neon.png and b/apps/dashboard/public/neon.png differ
diff --git a/apps/dashboard/src/app/(main)/integrations/neon/confirm/neon-confirm-card.tsx b/apps/dashboard/src/app/(main)/integrations/neon/confirm/neon-confirm-card.tsx
index 6a3c17c4d..93bee4937 100644
--- a/apps/dashboard/src/app/(main)/integrations/neon/confirm/neon-confirm-card.tsx
+++ b/apps/dashboard/src/app/(main)/integrations/neon/confirm/neon-confirm-card.tsx
@@ -26,14 +26,14 @@ export default function NeonConfirmCard(props: { onContinue: (options: { project
             position: "absolute",
             width: 40,
             height: 6,
-            backgroundImage: "repeating-linear-gradient(135deg, #00ff00, #ffffff)",
+            backgroundImage: "repeating-linear-gradient(135deg, #ccc, #ccc)",
             transform: "rotate(-45deg)",
           }} />
           <div style={{
             position: "absolute",
             width: 40,
             height: 6,
-            backgroundImage: "repeating-linear-gradient(45deg, #00ff00, #ffffff)",
+            backgroundImage: "repeating-linear-gradient(45deg, #ccc, #ccc)",
             transform: "rotate(45deg)",
           }} />
         </div>
@@ -42,14 +42,14 @@ export default function NeonConfirmCard(props: { onContinue: (options: { project
             position: "absolute",
             width: 40,
             height: 6,
-            backgroundImage: "repeating-linear-gradient(135deg, #00ff00, #000000)",
+            backgroundImage: "repeating-linear-gradient(135deg, #52525B, #52525B)",
             transform: "rotate(-45deg)",
           }} />
           <div style={{
             position: "absolute",
             width: 40,
             height: 6,
-            backgroundImage: "repeating-linear-gradient(45deg, #00ff00, #000000)",
+            backgroundImage: "repeating-linear-gradient(45deg, #52525B, #52525B)",
             transform: "rotate(45deg)",
           }} />
         </div>
diff --git a/apps/dashboard/src/app/(main)/integrations/neon/projects/transfer/confirm/page-client.tsx b/apps/dashboard/src/app/(main)/integrations/neon/projects/transfer/confirm/page-client.tsx
index 5ddb9f57d..34b77e153 100644
--- a/apps/dashboard/src/app/(main)/integrations/neon/projects/transfer/confirm/page-client.tsx
+++ b/apps/dashboard/src/app/(main)/integrations/neon/projects/transfer/confirm/page-client.tsx
@@ -30,14 +30,14 @@ export default function NeonIntegrationProjectTransferConfirmPageClient() {
             position: "absolute",
             width: 40,
             height: 6,
-            backgroundImage: "repeating-linear-gradient(135deg, #00ff00, #ffffff)",
+            backgroundImage: "repeating-linear-gradient(135deg, #ccc, #ccc)",
             transform: "rotate(-45deg)",
           }} />
           <div style={{
             position: "absolute",
             width: 40,
             height: 6,
-            backgroundImage: "repeating-linear-gradient(45deg, #00ff00, #ffffff)",
+            backgroundImage: "repeating-linear-gradient(45deg, #ccc, #ccc)",
             transform: "rotate(45deg)",
           }} />
         </div>
@@ -46,14 +46,14 @@ export default function NeonIntegrationProjectTransferConfirmPageClient() {
             position: "absolute",
             width: 40,
             height: 6,
-            backgroundImage: "repeating-linear-gradient(135deg, #00ff00, #000000)",
+            backgroundImage: "repeating-linear-gradient(135deg, #52525B, #52525B)",
             transform: "rotate(-45deg)",
           }} />
           <div style={{
             position: "absolute",
             width: 40,
             height: 6,
-            backgroundImage: "repeating-linear-gradient(45deg, #00ff00, #000000)",
+            backgroundImage: "repeating-linear-gradient(45deg, #52525B, #52525B)",
             transform: "rotate(45deg)",
           }} />
         </div>