diff --git a/apps/www/pages/blog.tsx b/apps/www/pages/blog.tsx
index 85cb24c7a27..50f3639bd42 100644
--- a/apps/www/pages/blog.tsx
+++ b/apps/www/pages/blog.tsx
@@ -147,7 +147,7 @@ function Blog(props: any) {
                   </div>
                 ))
               ) : (
-                <p className="text-sm text-muted col-span-full">No results</p>
+                <p className="text-sm text-light col-span-full">No results</p>
               )}
             </ol>
           </div>
@@ -184,7 +184,7 @@ function FeaturedThumb(blog: PostTypes) {
           />
         </div>
         <div className="flex flex-col space-y-2">
-          <div className="text-muted flex space-x-2 text-sm">
+          <div className="text-light flex space-x-2 text-sm">
             <span>{blog.date}</span>
             <span>•</span>
             <span>{blog.readingTime}</span>
@@ -212,7 +212,7 @@ function FeaturedThumb(blog: PostTypes) {
                   )}
                   <div className="flex flex-col">
                     <span className="text-foreground m-0 text-sm">{author.author}</span>
-                    <span className="text-muted m-0 text-xs">{author.position}</span>
+                    <span className="text-light m-0 text-xs">{author.position}</span>
                   </div>
                 </div>
               )
diff --git a/apps/www/pages/blog/[slug].tsx b/apps/www/pages/blog/[slug].tsx
index 16ab2155275..8a11d441dae 100644
--- a/apps/www/pages/blog/[slug].tsx
+++ b/apps/www/pages/blog/[slug].tsx
@@ -142,7 +142,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
           <div className="border-scale-500 hover:bg-scale-100 dark:hover:bg-scale-300 cursor-pointer rounded border p-6 transition">
             <div className="space-y-4">
               <div>
-                <p className="text-muted text-sm">{label}</p>
+                <p className="text-light text-sm">{label}</p>
               </div>
               <div>
                 <h4 className="text-foreground text-lg">{post.title}</h4>
@@ -242,7 +242,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
               <p>
                 <Link
                   href={'/blog'}
-                  className="text-muted hover:text-foreground flex cursor-pointer items-center text-sm transition"
+                  className="text-light hover:text-foreground flex cursor-pointer items-center text-sm transition"
                 >
                   <IconChevronLeft style={{ padding: 0 }} />
                   Back
@@ -255,7 +255,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
                 <div className="space-y-4">
                   <p className="text-brand">Blog post</p>
                   <h1 className="h1">{props.blog.title}</h1>
-                  <div className="text-muted flex space-x-3 text-sm">
+                  <div className="text-light flex space-x-3 text-sm">
                     <p>{props.blog.date}</p>
                     <p>•</p>
                     <p>{generateReadingTime(props.blog.source)}</p>
@@ -286,7 +286,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
                                   <span className="text-foreground mb-0 text-sm">
                                     {author.author}
                                   </span>
-                                  <span className="text-muted mb-0 text-xs">{author.position}</span>
+                                  <span className="text-light mb-0 text-xs">{author.position}</span>
                                 </div>
                               </div>
                             </Link>
@@ -330,7 +330,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
                   </article>
                   {isLaunchWeek7 && <BlogLinks />}
                   <div className="block lg:hidden py-8">
-                    <div className="text-muted dark:text-lighter text-sm">Share this article</div>
+                    <div className="text-light dark:text-lighter text-sm">Share this article</div>
                     <ShareArticleActions title={props.blog.title} slug={props.blog.slug} />
                   </div>
                   <div className="grid gap-8 py-8 lg:grid-cols-1">
@@ -358,7 +358,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
                             <div>
                               <div className="cursor-pointer">
                                 <div className="flex gap-2">
-                                  {/* <div className="text-muted">
+                                  {/* <div className="text-light">
                                     <IconFile size={'small'} style={{ minWidth: '1.2rem' }} />
                                   </div> */}
                                   <span className="text-light hover:text-gray-1200 text-sm">