diff --git a/src/App.js b/src/App.js
index c98cff5..1a0e83e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -33,7 +33,7 @@ class App extends Component {
             React Cheat Sheet{" "}
             <small
               className={cxs({
-                color: "#6a7884",
+                color: "#3e4750",
                 fontSize: ".5em",
               })}
             >
diff --git a/src/components/CategoryFilter.js b/src/components/CategoryFilter.js
index 5ce6f96..35083b7 100644
--- a/src/components/CategoryFilter.js
+++ b/src/components/CategoryFilter.js
@@ -11,7 +11,7 @@ class CategoryFilter extends Component {
           marginRight: ".5rem",
           marginTop: ".5rem",
           borderRadius: "2px",
-          backgroundColor: active ? "#ffd43b" : "#868e96",
+          backgroundColor: active ? "#ffd43b" : "#b0b6bd",
           fontWeight: "500",
           color: "#fff",
           fontSize: "1em",
diff --git a/src/components/ReferenceItem.js b/src/components/ReferenceItem.js
index 5cd67ca..00a63ff 100644
--- a/src/components/ReferenceItem.js
+++ b/src/components/ReferenceItem.js
@@ -82,7 +82,7 @@ const ReferenceItem = ({
           padding: "1rem",
           margin: "1rem 0",
           borderRadius: "2px",
-          backgroundColor: "#212529",
+          backgroundColor: "#39424a",
           color: "#fff",
           position: "relative",
           overflowX: "auto",