diff --git a/mkdocs/overrides/home.html b/mkdocs/overrides/home.html
index 93cb291651b..851d4582abe 100644
--- a/mkdocs/overrides/home.html
+++ b/mkdocs/overrides/home.html
@@ -152,7 +152,7 @@ <h1 class="ex-h1">
                 <div class="more_resource" style="display: flex; margin: auto;">
                     <img style="margin:auto;" class="imgimg" src="exp-docs-icons/faqs.svg" alt="faqs"/>
                     <div class="more-box">
-                        <a href="experiments/faq/install"><h1 class="more-h1" style="color: blue; text-decoration: underline; cursor: pointer;">FAQs</h1></a>
+                        <a href="experiments/faq/install"><h1 class="more-h1" style="color: #5b42bce; text-decoration: underline; cursor: pointer;">FAQs</h1></a>
                         <p class="more-p">
                             All common Frequently Asked Questions curated in one place
                         </p>
@@ -161,7 +161,7 @@ <h1 class="ex-h1">
                 <div class="more_resource" style="display: flex; margin: auto;">
                     <img style="margin:auto;"  class="imgimg" src="exp-docs-icons/troubleshooting.svg" alt="troubleshooting"/>
                     <div class="more-box">
-                        <a href="experiments/troubleshooting/install"><h1 class="more-h1" style="color: blue; text-decoration: underline; cursor: pointer;">Troubleshooting</h1></a>
+                        <a href="experiments/troubleshooting/install"><h1 class="more-h1" style="color:#5b42bc; text-decoration: underline; cursor: pointer;">Troubleshooting</h1></a>
                         <p class="more-p">
                             Know more about troubleshooting of common issues
                         </p>
@@ -230,4 +230,4 @@ <h3 style="font-size: 22px;">
 <!-- Application footer -->
 {% block footer %}
 <div style="padding-bottom: 0px;"></div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}