diff --git a/src/containers/greeting/Greeting.js b/src/containers/greeting/Greeting.js
index dbcd469bd5..39f7be6b66 100644
--- a/src/containers/greeting/Greeting.js
+++ b/src/containers/greeting/Greeting.js
@@ -52,7 +52,13 @@ export default function Greeting() {
               </div>
             </div>
           </div>
-          <div className="greeting-image-div">
+          <div
+            className={
+              isDark
+                ? "greeting-image-div dark-mode-illustration"
+                : "greeting-image-div"
+            }
+          >
             {illustration.animated ? (
               <DisplayLottie animationData={landingPerson} />
             ) : (
diff --git a/src/containers/greeting/Greeting.scss b/src/containers/greeting/Greeting.scss
index 647d792af9..c118dbed6a 100644
--- a/src/containers/greeting/Greeting.scss
+++ b/src/containers/greeting/Greeting.scss
@@ -57,6 +57,9 @@
   max-width: 100%;
   height: auto;
 }
+.dark-mode-illustration path[fill="rgb(7,0,57)"] {
+  fill: #d8c5ff !important;
+}
 
 .wave-emoji {
   animation-duration: 1.8s;