diff --git a/src/components/player/PlayerInfo.tsx b/src/components/player/PlayerInfo.tsx
index b14a7b6..31bcb64 100644
--- a/src/components/player/PlayerInfo.tsx
+++ b/src/components/player/PlayerInfo.tsx
@@ -193,7 +193,7 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
             </div>
 
             {/* PP */}
-            <div className="flex items-center text-gray-300">
+            <div className="text-pp-blue flex items-center">
               <p>{formatNumber(playerData.pp)}pp</p>
             </div>
           </div>
diff --git a/src/components/player/PlayerRanking.tsx b/src/components/player/PlayerRanking.tsx
index 4575f54..0a19b0a 100644
--- a/src/components/player/PlayerRanking.tsx
+++ b/src/components/player/PlayerRanking.tsx
@@ -46,7 +46,7 @@ export default function PlayerRanking({
           </p>
         </Link>
       </td>
-      <td className="px-4 py-2">{formatNumber(player.pp)}pp</td>
+      <td className="text-pp-blue px-4 py-2">{formatNumber(player.pp)}pp</td>
       <td className="px-4 py-2">
         {formatNumber(player.scoreStats.totalPlayCount)}
       </td>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 4f0afff..843b05b 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -15,6 +15,9 @@ const config: Config = {
         "gradient-conic":
           "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
       },
+      textColor: {
+        "pp-blue": "#9fa8f3",
+      },
     },
     screens: {
       ...defaultTheme.screens,