diff --git a/apps/web/ce/components/active-cycles/workspace-active-cycles-upgrade.tsx b/apps/web/ce/components/active-cycles/workspace-active-cycles-upgrade.tsx
index 56808220b8..03b2f22e8c 100644
--- a/apps/web/ce/components/active-cycles/workspace-active-cycles-upgrade.tsx
+++ b/apps/web/ce/components/active-cycles/workspace-active-cycles-upgrade.tsx
@@ -70,7 +70,8 @@ export const WorkspaceActiveCyclesUpgrade = observer(() => {
       <div
         className={cn("item-center flex min-h-[25rem] justify-between rounded-xl", {
           "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": userProfile?.theme.theme === "dark",
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": userProfile?.theme.theme === "light",
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+            userProfile?.theme.theme === "light",
         })}
       >
         <div className="relative flex flex-col justify-center gap-7 px-14 lg:w-1/2">
diff --git a/apps/web/core/components/importers/empty-state.tsx b/apps/web/core/components/importers/empty-state.tsx
index 4cb406851b..83e414f9bf 100644
--- a/apps/web/core/components/importers/empty-state.tsx
+++ b/apps/web/core/components/importers/empty-state.tsx
@@ -22,7 +22,7 @@ export const ImportersEmptyState: FC<ImportersEmptyStateProps> = observer((props
       <div
         className={cn("item-center flex min-h-[25rem] justify-between rounded-xl", {
           "bg-gradient-to-l from-[#343434] via-[#484848]  to-[#1E1E1E]": theme === "dark",
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": theme === "light",
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400": theme === "light",
         })}
       >
         <div className="relative flex flex-col justify-center gap-7 pl-8 lg:w-1/2">
diff --git a/apps/web/core/components/onboarding/tour/root.tsx b/apps/web/core/components/onboarding/tour/root.tsx
index cff9957165..80c944b356 100644
--- a/apps/web/core/components/onboarding/tour/root.tsx
+++ b/apps/web/core/components/onboarding/tour/root.tsx
@@ -5,7 +5,7 @@ import { useParams } from "next/navigation";
 import { ArrowRight } from "lucide-react";
 import { Avatar, Button, PlaneLockup } from "@plane/ui";
 import { getFileURL } from "@plane/utils";
-import { useUser, useWorkspace } from "@/hooks/store";
+import { useWorkspace } from "@/hooks/store";
 
 export type TTourSteps = "welcome" | "work-items" | "cycles" | "modules" | "views" | "pages";
 
@@ -43,14 +43,13 @@ type Props = {
 export const TourRoot: React.FC<Props> = observer((props) => {
   const { onComplete } = props;
   const { workspaceSlug } = useParams();
-  const { data: currentUser } = useUser();
   const { getWorkspaceBySlug } = useWorkspace();
   const currentWorkspace = getWorkspaceBySlug(workspaceSlug.toString());
 
-  if (!currentUser) return null;
+  if (!currentWorkspace) return null;
 
   return (
-    <div className="flex bg-custom-primary-200 rounded-lg w-[60%]">
+    <div className="flex bg-[#006399] rounded-lg w-[60%]">
       <div className="w-[40%] py-9 px-8 flex flex-col gap-5 justify-around">
         <div className="font-medium text-white flex items-center gap-2 justify-center">
           <PlaneLockup className="h-6 w-auto" /> <span className="font-bold text-2xl mt-2">Business</span>
@@ -69,7 +68,12 @@ export const TourRoot: React.FC<Props> = observer((props) => {
           <p className="font-medium text-custom-text-100 text-lg">
             Features you&apos;ll get with <span className="text-custom-primary-90">Business</span> plan
           </p>
-          <Avatar src={getFileURL(currentUser.avatar_url)} size={30} shape="square" />
+          <Avatar
+            src={getFileURL(currentWorkspace.logo_url || "")}
+            name={currentWorkspace?.name}
+            size={30}
+            shape="square"
+          />
           <p>
             <span className="font-medium">{currentWorkspace?.name}</span> workspace with Business
           </p>
diff --git a/apps/web/ee/components/active-cycles/workspace-active-cycles-upgrade.tsx b/apps/web/ee/components/active-cycles/workspace-active-cycles-upgrade.tsx
index bbf1bf2312..6f05df221b 100644
--- a/apps/web/ee/components/active-cycles/workspace-active-cycles-upgrade.tsx
+++ b/apps/web/ee/components/active-cycles/workspace-active-cycles-upgrade.tsx
@@ -69,7 +69,8 @@ export const WorkspaceActiveCyclesUpgrade = observer(() => {
       <div
         className={cn("item-center flex min-h-[25rem] justify-between rounded-xl", {
           "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": userProfile?.theme.theme === "dark",
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": userProfile?.theme.theme === "light",
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+            userProfile?.theme.theme === "light",
         })}
       >
         <div className="relative flex flex-col justify-center gap-7 px-14 lg:w-1/2">
diff --git a/apps/web/ee/components/customers/upgrade.tsx b/apps/web/ee/components/customers/upgrade.tsx
index a1aa05c5d0..c522dc2068 100644
--- a/apps/web/ee/components/customers/upgrade.tsx
+++ b/apps/web/ee/components/customers/upgrade.tsx
@@ -26,7 +26,8 @@ export const CustomerUpgrade: FC = observer(() => {
         <div
           className={cn("flex flex-col rounded-xl mt-5 xl:flex-row", {
             "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": resolvedTheme?.includes("dark"),
-            "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": !resolvedTheme?.includes("dark"),
+            "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+              !resolvedTheme?.includes("dark"),
           })}
         >
           <div className={cn("flex w-full flex-col  justify-center relative p-5 xl:pl-10 xl:min-h-[25rem]")}>
diff --git a/apps/web/ee/components/dashboards/feature-flag-fallback.tsx b/apps/web/ee/components/dashboards/feature-flag-fallback.tsx
index ec1e40458a..2a432e021c 100644
--- a/apps/web/ee/components/dashboards/feature-flag-fallback.tsx
+++ b/apps/web/ee/components/dashboards/feature-flag-fallback.tsx
@@ -61,7 +61,7 @@ export const DashboardsFeatureFlagFallback = observer(() => {
       <div
         className={cn("min-h-[25rem] flex item-center justify-between rounded-xl mb-5 lg:mb-12", {
           "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": isDarkMode,
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": !isDarkMode,
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400": !isDarkMode,
         })}
       >
         <div className="relative flex flex-col justify-center gap-7 px-14 lg:w-1/2">
diff --git a/apps/web/ee/components/epics/upgrade.tsx b/apps/web/ee/components/epics/upgrade.tsx
index 19c73c8dde..6cd2c96e00 100644
--- a/apps/web/ee/components/epics/upgrade.tsx
+++ b/apps/web/ee/components/epics/upgrade.tsx
@@ -48,7 +48,8 @@ export const EpicsUpgrade: FC = observer(() => {
       <div
         className={cn("flex flex-col md:flex-row rounded-xl mt-5 xl:flex-row", {
           "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": resolvedTheme?.includes("dark"),
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": !resolvedTheme?.includes("dark"),
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+            !resolvedTheme?.includes("dark"),
         })}
       >
         <div className={cn("flex w-full flex-col  justify-center relative p-5 xl:pl-10 xl:min-h-[25rem]")}>
diff --git a/apps/web/ee/components/initiatives/upgrade.tsx b/apps/web/ee/components/initiatives/upgrade.tsx
index aaa695afe0..9192e4e79c 100644
--- a/apps/web/ee/components/initiatives/upgrade.tsx
+++ b/apps/web/ee/components/initiatives/upgrade.tsx
@@ -99,7 +99,8 @@ export const InitiativesUpgrade: FC<Props> = observer((props) => {
       <div
         className={cn("flex flex-col rounded-xl mt-5 xl:flex-row", {
           "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": resolvedTheme?.includes("dark"),
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": !resolvedTheme?.includes("dark"),
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+            !resolvedTheme?.includes("dark"),
         })}
       >
         <div className={cn("flex w-full flex-col  justify-center relative p-5 xl:pl-10 xl:min-h-[25rem]")}>
diff --git a/apps/web/ee/components/integrations/empty-state.tsx b/apps/web/ee/components/integrations/empty-state.tsx
index 0a913b0f44..b5bbf740c2 100644
--- a/apps/web/ee/components/integrations/empty-state.tsx
+++ b/apps/web/ee/components/integrations/empty-state.tsx
@@ -25,7 +25,7 @@ export const IntegrationsEmptyState: FC<IntegrationsEmptyStateProps> = observer(
       <div
         className={cn("item-center flex min-h-[25rem] justify-between rounded-xl", {
           "bg-gradient-to-l from-[#343434] via-[#484848]  to-[#1E1E1E]": theme === "dark",
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": theme === "light",
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400": theme === "light",
         })}
       >
         <div className="relative flex flex-col justify-center gap-7 pl-8 lg:w-1/2">
diff --git a/apps/web/ee/components/marketplace/applications/applications-upgrade.tsx b/apps/web/ee/components/marketplace/applications/applications-upgrade.tsx
index 9276c93c23..b7aa65cf99 100644
--- a/apps/web/ee/components/marketplace/applications/applications-upgrade.tsx
+++ b/apps/web/ee/components/marketplace/applications/applications-upgrade.tsx
@@ -29,7 +29,8 @@ export const ApplicationsUpgrade: FC = observer(() => {
       <div
         className={cn("flex flex-col rounded-xl mt-5 xl:flex-row", {
           "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": resolvedTheme?.includes("dark"),
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": !resolvedTheme?.includes("dark"),
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+            !resolvedTheme?.includes("dark"),
         })}
       >
         <div className={cn("flex w-full flex-col  justify-center relative p-5 xl:pl-10 xl:min-h-[25rem]")}>
diff --git a/apps/web/ee/components/project-overview/upgrade.tsx b/apps/web/ee/components/project-overview/upgrade.tsx
index 830354cdc3..4f8aa78769 100644
--- a/apps/web/ee/components/project-overview/upgrade.tsx
+++ b/apps/web/ee/components/project-overview/upgrade.tsx
@@ -28,7 +28,8 @@ export const ProjectUpdatesUpgrade = observer(() => {
       <div
         className={cn("flex flex-col rounded-xl mt-5 xl:flex-row", {
           "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": resolvedTheme?.includes("dark"),
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": !resolvedTheme?.includes("dark"),
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+            !resolvedTheme?.includes("dark"),
         })}
       >
         <div className={cn("flex w-full flex-col  justify-center relative p-5 xl:pl-10 xl:min-h-[25rem]")}>
diff --git a/apps/web/ee/components/teamspaces/upgrade.tsx b/apps/web/ee/components/teamspaces/upgrade.tsx
index a4b704345d..ee233bf6d3 100644
--- a/apps/web/ee/components/teamspaces/upgrade.tsx
+++ b/apps/web/ee/components/teamspaces/upgrade.tsx
@@ -55,7 +55,8 @@ export const TeamspaceUpgrade: FC = observer(() => {
       <div
         className={cn("flex flex-col rounded-xl mt-5 xl:flex-row", {
           "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": resolvedTheme?.includes("dark"),
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": !resolvedTheme?.includes("dark"),
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+            !resolvedTheme?.includes("dark"),
         })}
       >
         <div className={cn("flex w-full flex-col  justify-center relative p-5 xl:pl-10 xl:min-h-[25rem]")}>
diff --git a/apps/web/ee/components/templates/settings/upgrade.tsx b/apps/web/ee/components/templates/settings/upgrade.tsx
index 334117bf61..bdb1be035a 100644
--- a/apps/web/ee/components/templates/settings/upgrade.tsx
+++ b/apps/web/ee/components/templates/settings/upgrade.tsx
@@ -34,7 +34,8 @@ export const TemplatesUpgrade: FC<TTemplatesUpgradeProps> = observer((props: TTe
       <div
         className={cn("flex flex-col rounded-xl mt-5 xl:flex-row", {
           "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": resolvedTheme?.includes("dark"),
-          "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": !resolvedTheme?.includes("dark"),
+          "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+            !resolvedTheme?.includes("dark"),
         })}
       >
         <div className={cn("flex w-full flex-col  justify-center relative p-5 xl:pl-10 xl:min-h-[25rem]")}>
diff --git a/apps/web/ee/components/workflow/page/upgrade.tsx b/apps/web/ee/components/workflow/page/upgrade.tsx
index 835123b18e..66f1d4995b 100644
--- a/apps/web/ee/components/workflow/page/upgrade.tsx
+++ b/apps/web/ee/components/workflow/page/upgrade.tsx
@@ -28,7 +28,8 @@ export const WorkflowUpgrade: FC = observer(() => {
     <div
       className={cn("flex flex-col rounded-xl mt-5 xl:flex-row", {
         "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": resolvedTheme?.includes("dark"),
-        "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": !resolvedTheme?.includes("dark"),
+        "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+          !resolvedTheme?.includes("dark"),
       })}
     >
       <div className={cn("flex w-full flex-col  justify-center relative p-5 xl:pl-10 xl:min-h-[25rem]")}>
diff --git a/apps/web/ee/components/workspace-project-states/settings/upgrade.tsx b/apps/web/ee/components/workspace-project-states/settings/upgrade.tsx
index b89184ef95..49e8527292 100644
--- a/apps/web/ee/components/workspace-project-states/settings/upgrade.tsx
+++ b/apps/web/ee/components/workspace-project-states/settings/upgrade.tsx
@@ -29,7 +29,8 @@ const Upgrade = observer(() => {
     <div
       className={cn("flex flex-col rounded-xl mt-5 xl:flex-row", {
         "bg-gradient-to-l from-[#CFCFCF]  to-[#212121]": resolvedTheme?.includes("dark"),
-        "bg-gradient-to-l from-[#3b5ec6] to-[#f5f7fe]": !resolvedTheme?.includes("dark"),
+        "bg-gradient-to-l from-[#EBEBEB] to-[#FAFAFA] border border-custom-border-400":
+          !resolvedTheme?.includes("dark"),
       })}
     >
       <div className={cn("flex w-full flex-col  justify-center relative p-5 xl:pl-10 xl:min-h-[25rem]")}>
diff --git a/apps/web/public/empty-state/project-settings/integrations-dark-resp.webp b/apps/web/public/empty-state/project-settings/integrations-dark-resp.webp
index 3f9e00956e..f968f8f405 100644
Binary files a/apps/web/public/empty-state/project-settings/integrations-dark-resp.webp and b/apps/web/public/empty-state/project-settings/integrations-dark-resp.webp differ
diff --git a/apps/web/public/empty-state/project-settings/integrations-dark.webp b/apps/web/public/empty-state/project-settings/integrations-dark.webp
index 603a658ef4..f968f8f405 100644
Binary files a/apps/web/public/empty-state/project-settings/integrations-dark.webp and b/apps/web/public/empty-state/project-settings/integrations-dark.webp differ
diff --git a/apps/web/public/empty-state/project-settings/integrations-light-resp.webp b/apps/web/public/empty-state/project-settings/integrations-light-resp.webp
index 13e08be84f..94f6ffe394 100644
Binary files a/apps/web/public/empty-state/project-settings/integrations-light-resp.webp and b/apps/web/public/empty-state/project-settings/integrations-light-resp.webp differ
diff --git a/apps/web/public/empty-state/project-settings/integrations-light.webp b/apps/web/public/empty-state/project-settings/integrations-light.webp
index eb62503e0d..94f6ffe394 100644
Binary files a/apps/web/public/empty-state/project-settings/integrations-light.webp and b/apps/web/public/empty-state/project-settings/integrations-light.webp differ