diff --git a/src/components/Content.js b/src/components/Content.js
index 27d2964b7..9247d06e7 100644
--- a/src/components/Content.js
+++ b/src/components/Content.js
@@ -7,6 +7,7 @@ const ContentBody = styled.div`
   line-height: 1.6;
 
   & > h2 {
+    color: var(--color-h2);
     padding-top: 3rem;
     margin-top: 3rem;
     border-top: 1px solid #ececec;
diff --git a/src/components/PostsListItem.js b/src/components/PostsListItem.js
index ab07542a6..5f36297ab 100644
--- a/src/components/PostsListItem.js
+++ b/src/components/PostsListItem.js
@@ -39,7 +39,7 @@ const Excerpt = styled.p`
 `
 
 const PostTitleLink = styled(Link)`
-  color: var(--color-text);
+  color: var(--color-h2);
   &:hover {
     border-bottom: 1px dotted var(--color-text);
   }