diff --git a/README.md b/README.md
index ea4930d0a0..efda9d0aec 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,9 @@
 <p align="center">
-  <img src="https://user-images.githubusercontent.com/31465/34380645-bd67f474-eb0b-11e7-8d03-0151c1730654.png" height="29" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./public/logos/outline-logo-dark.png" height="29">
+    <source media="(prefers-color-scheme: light)" srcset="./public/logos/outline-logo-light.png" height="29">
+    <img src="./public/logos/outline-logo-light.png" height="29" alt="Outline" />
+  </picture>
 </p>
 <p align="center">
   <i>A fast, collaborative, knowledge base for your team built using React and Node.js.<br/>Try out Outline using our hosted version at <a href="https://www.getoutline.com">www.getoutline.com</a>.</i>
diff --git a/public/logos/outline-logo-dark.png b/public/logos/outline-logo-dark.png
new file mode 100644
index 0000000000..074247226b
Binary files /dev/null and b/public/logos/outline-logo-dark.png differ
diff --git a/public/logos/outline-logo-light.png b/public/logos/outline-logo-light.png
new file mode 100644
index 0000000000..a19213efea
Binary files /dev/null and b/public/logos/outline-logo-light.png differ