diff --git a/www/components/BuiltWithSupabase/index.tsx b/www/components/BuiltWithSupabase/index.tsx
index e0c7a7c263c..3494c668cdb 100644
--- a/www/components/BuiltWithSupabase/index.tsx
+++ b/www/components/BuiltWithSupabase/index.tsx
@@ -6,7 +6,7 @@ const BuiltExamples = () => {
   return (
     <div className="relative bg-gray-50 dark:bg-dark-400 pt-12 pb-16">
       <div className="absolute inset-0">
-        <div className="mx-auto bg-white dark:bg-dark-300 w-full h-1/3 sm:h-2/3 lg:h-1/2"></div>
+        <div className="mx-auto bg-white dark:bg-dark-400 w-full h-1/3 sm:h-2/3 lg:h-1/2"></div>
       </div>
       <div className="container mx-auto px-8 sm:px-16 xl:px-20 relative">
         <div className="mx-auto max-w-7xl">
diff --git a/www/components/Hero.tsx b/www/components/Hero.tsx
index 1d1f652d149..022964f3a2c 100644
--- a/www/components/Hero.tsx
+++ b/www/components/Hero.tsx
@@ -38,7 +38,7 @@ const Hero = () => {
                   <div className="sm:mx-auto md:w-3/4 lg:w-full lg:mx-0">
                     <h1 className="mt-4 text-4xl text-white sm:mt-5 sm:leading-none lg:mt-6 lg:text-5xl xl:text-6xl">
                       <span className="md:block">The Open Source</span>
-                      <span className="text-brand-400 ml-2 md:ml-0 md:block">Firebase Alternative</span>
+                      <span className="text-brand-600 ml-2 md:ml-0 md:block">Firebase Alternative</span>
                     </h1>
                     <p className="mt-5 text-base text-gray-200 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
                       Create your new project backend in less than 2 minutes with easy to use Postgres Database and Authentication.