diff --git a/assets/css/sass/parts/_post-card.scss b/assets/css/sass/parts/_post-card.scss
index 5b0bd87..33a585a 100644
--- a/assets/css/sass/parts/_post-card.scss
+++ b/assets/css/sass/parts/_post-card.scss
@@ -12,11 +12,14 @@
       opacity: 0.9;
     }
     & .light-gray {
-      background-color: $light-gray;
+      background-color: $lighten-gray;
     }
     & .light-purple {
       background-color: $light-purple;
     }
+    & .light-pink {
+      background-color: $light-pink;
+    }
   }
 }
 
diff --git a/index.html b/index.html
index 780659c..c370ea2 100755
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@ layout: home-page
 <ol class="post-card-box clearfix">
   {% for post in paginator.posts %}
   <li>
-    <div class="post-card{% cycle ' light-purple', ' light-gray', '', ' light-purple' %}">
+    <div class="post-card{% cycle ' light-purple', '', ' light-gray', ' light-pink' %}">
       <a href="{{post.url | prepend: site.baseurl}}" class="post-card-image"{% if post.img %} style="background-image: url( {{ "/assets/img/" | prepend: site.baseurl | append : post.img}} )"{% endif %}>
       </a>