diff --git a/antora/supplemental-ui/css/navbar.css b/antora/supplemental-ui/css/navbar.css
index f34e525b9..255a1da16 100644
--- a/antora/supplemental-ui/css/navbar.css
+++ b/antora/supplemental-ui/css/navbar.css
@@ -1,3 +1,3 @@
 .navbar {
-    background: #085870 !important;
+    background: #4138E0 !important;
 }
\ No newline at end of file
diff --git a/antora/supplemental-ui/img/favicon.ico b/antora/supplemental-ui/img/favicon.ico
index 4be332e07..9b2591471 100644
Binary files a/antora/supplemental-ui/img/favicon.ico and b/antora/supplemental-ui/img/favicon.ico differ
diff --git a/antora/supplemental-ui/img/sonata-flow-color-justlogo-circle-white.png b/antora/supplemental-ui/img/sonata-flow-color-justlogo-circle-white.png
new file mode 100644
index 000000000..7bfd8489e
Binary files /dev/null and b/antora/supplemental-ui/img/sonata-flow-color-justlogo-circle-white.png differ
diff --git a/antora/supplemental-ui/img/sonata-flow-color-justlogo.png b/antora/supplemental-ui/img/sonata-flow-color-justlogo.png
new file mode 100644
index 000000000..6a682b5eb
Binary files /dev/null and b/antora/supplemental-ui/img/sonata-flow-color-justlogo.png differ
diff --git a/antora/supplemental-ui/partials/header-content.hbs b/antora/supplemental-ui/partials/header-content.hbs
index 81d8095e3..2d5e07a28 100644
--- a/antora/supplemental-ui/partials/header-content.hbs
+++ b/antora/supplemental-ui/partials/header-content.hbs
@@ -3,7 +3,7 @@
         <div class="navbar-brand">
             <div class="navbar-item">
                 <a href="{{{or site.url (or siteRootUrl siteRootPath)}}}">
-                    <img src="{{{uiRootPath}}}/img/kogitoLogo_default_64px.png" height="50px" alt="Kogito logo"/>
+                    <img src="{{{uiRootPath}}}/img/sonata-flow-color-justlogo-circle-white.png" height="50px" alt="SonataFlow logo"/>
                 </a>
                 <a class="navbar-item" href="{{{or site.url (or siteRootUrl siteRootPath)}}}">
                     {{site.title}}