diff --git a/src/components/Me.tsx b/src/components/Me.tsx
index 2d72eeaa..7e12c774 100644
--- a/src/components/Me.tsx
+++ b/src/components/Me.tsx
@@ -220,7 +220,7 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
     switch (activeTab) {
       case 'highlights':
         return highlights.length === 0 ? (
-          <div className="explore-error">
+          <div className="explore-empty">
             <p>
               {isOwnProfile 
                 ? 'No highlights yet. Start highlighting content to see them here!'
@@ -242,7 +242,7 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
 
       case 'reading-list':
         return allIndividualBookmarks.length === 0 ? (
-          <div className="explore-error">
+          <div className="explore-empty">
             <p>No bookmarks yet. Bookmark articles to see them here!</p>
           </div>
         ) : (
@@ -293,7 +293,7 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
 
       case 'archive':
         return readArticles.length === 0 ? (
-          <div className="explore-error">
+          <div className="explore-empty">
             <p>No read articles yet. Mark articles as read to see them here!</p>
           </div>
         ) : (
@@ -310,7 +310,7 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
 
       case 'writings':
         return writings.length === 0 ? (
-          <div className="explore-error">
+          <div className="explore-empty">
             <p>No articles written yet. Publish your first article to see it here!</p>
           </div>
         ) : (
diff --git a/src/styles/components/cards.css b/src/styles/components/cards.css
index 619e1362..480791cd 100644
--- a/src/styles/components/cards.css
+++ b/src/styles/components/cards.css
@@ -73,9 +73,10 @@
 .explore-header { text-align: center; margin-bottom: 3rem; }
 .explore-header h1 { font-size: 2.5rem; margin: 0 0 1rem 0; color: rgb(99 102 241); /* indigo-500 */ display: flex; align-items: center; justify-content: center; gap: 1rem; }
 .explore-subtitle { font-size: 1.125rem; color: rgba(255, 255, 255, 0.7); margin: 0; }
-.explore-loading, .explore-error { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; color: rgba(255, 255, 255, 0.7); }
+.explore-loading, .explore-error, .explore-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; color: rgba(255, 255, 255, 0.7); }
 .explore-loading { min-height: 0; padding: 0.25rem 0; }
 .explore-error { color: rgb(239 68 68); /* red-500 */ }
+.explore-empty { color: rgb(161 161 170); /* zinc-400 */ }
 .explore-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 2rem; margin-top: 2rem; }
 .blog-post-card { background: rgb(24 24 27); /* zinc-900 */ border: 1px solid rgb(63 63 70); /* zinc-700 */ border-radius: 12px; overflow: hidden; transition: all 0.3s ease; cursor: pointer; display: flex; flex-direction: column; height: 100%; }
 .blog-post-card:hover { border-color: rgb(99 102 241); /* indigo-500 */ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15); }