diff --git a/common/changes/pcln-design-system/chore-RC-26345-shadow-effect-color_2024-05-20-17-29.json b/common/changes/pcln-design-system/chore-RC-26345-shadow-effect-color_2024-05-20-17-29.json
new file mode 100644
index 0000000000..076ace32f3
--- /dev/null
+++ b/common/changes/pcln-design-system/chore-RC-26345-shadow-effect-color_2024-05-20-17-29.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "pcln-design-system",
+      "comment": "updates shadow effect color",
+      "type": "minor"
+    }
+  ],
+  "packageName": "pcln-design-system"
+}
\ No newline at end of file
diff --git a/common/changes/pcln-icons/chore-RC-26345-shadow-effect-color_2024-05-20-17-29.json b/common/changes/pcln-icons/chore-RC-26345-shadow-effect-color_2024-05-20-17-29.json
new file mode 100644
index 0000000000..9f33a59289
--- /dev/null
+++ b/common/changes/pcln-icons/chore-RC-26345-shadow-effect-color_2024-05-20-17-29.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "pcln-icons",
+      "comment": "",
+      "type": "none"
+    }
+  ],
+  "packageName": "pcln-icons"
+}
\ No newline at end of file
diff --git a/packages/core/src/ShadowEffect/ShadowEffect.tsx b/packages/core/src/ShadowEffect/ShadowEffect.tsx
index 4d0161abae..fe129c5495 100644
--- a/packages/core/src/ShadowEffect/ShadowEffect.tsx
+++ b/packages/core/src/ShadowEffect/ShadowEffect.tsx
@@ -14,7 +14,7 @@ export const ShadowOverlay = styled.div`
   left: 0;
   width: 100%;
   height: 100%;
-  background-color: rgba(51, 51, 51, 0.65);
+  background-color: rgba(0, 24, 51, 0.5);
   ${zIndex};
 `