diff --git a/src/app/page.tsx b/src/app/page.tsx
index 89dfa52..2e598bd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,7 +27,7 @@ export default async function HomePage() {
   const t = await getTranslations("home");
   return (
     <>
-      <div className="bg-[#35786f] text-white w-full min-h-[75dvh] flex justify-center items-center">
+      <div className="bg-primary-500 text-white w-full min-h-[75dvh] flex justify-center items-center">
         <div className="mb-16 mx-16 md:mx-0 md:max-w-[60dvw]">
           <h1 className="text-6xl md:text-9xl mb-8 font-extrabold">
             {t("title")}
diff --git a/src/app/users/[username]/page.tsx b/src/app/users/[username]/page.tsx
index 1688efd..9ae3839 100644
--- a/src/app/users/[username]/page.tsx
+++ b/src/app/users/[username]/page.tsx
@@ -47,7 +47,7 @@ export default async function UserPage({ params }: UserPageProps) {
                     <div className="flex items-center space-x-6">
                         {/* Avatar */}
                         {user.image ? (
-                            <div className="relative w-24 h-24 rounded-full border-4 border-[#35786f] overflow-hidden">
+                            <div className="relative w-24 h-24 rounded-full border-4 border-primary-500 overflow-hidden">
                                 <Image
                                     src={user.image}
                                     alt={user.displayUsername || user.username || user.email}
@@ -57,7 +57,7 @@ export default async function UserPage({ params }: UserPageProps) {
                                 />
                             </div>
                         ) : (
-                            <div className="w-24 h-24 rounded-full bg-[#35786f] border-4 border-[#35786f] flex items-center justify-center">
+                            <div className="w-24 h-24 rounded-full bg-primary-500 border-4 border-primary-500 flex items-center justify-center">
                                 <span className="text-3xl font-bold text-white">
                                     {(user.displayUsername || user.username || user.email)[0].toUpperCase()}
                                 </span>