diff --git a/docs/src/LogoWhite.js b/docs/src/LogoWhite.js
new file mode 100644
index 000000000..975886d94
--- /dev/null
+++ b/docs/src/LogoWhite.js
@@ -0,0 +1,25 @@
+import React from 'react'
+import Logo from './Logo'
+
+export default () =>
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    viewBox='0 0 640 640'
+    width={640}
+    height={640}
+    style={{
+      display: 'block',
+      overflow: 'visible',
+      color: 'black',
+    }}>
+    <rect
+      fill='white'
+      width={640}
+      height={640}
+    />
+    <g transform='translate(64 64)'>
+      <Logo />
+    </g>
+  </svg>
+
+
diff --git a/docs/src/pages/beep.js b/docs/src/pages/beep.js
index 10c97894c..7f93a6fcd 100644
--- a/docs/src/pages/beep.js
+++ b/docs/src/pages/beep.js
@@ -1,10 +1,12 @@
 import React from 'react'
 import Hex from '../Hex'
 import Logo from '../Logo'
+import LogoWhite from '../LogoWhite'
 import { Box } from '../components'
 
 export default props =>
   <>
+    <LogoWhite />
     <Logo />
     <Box
       p={4}
diff --git a/docs/static/logo-white.png b/docs/static/logo-white.png
new file mode 100644
index 000000000..51577ab33
Binary files /dev/null and b/docs/static/logo-white.png differ
diff --git a/docs/static/logo-white.svg b/docs/static/logo-white.svg
new file mode 100644
index 000000000..388a28bef
--- /dev/null
+++ b/docs/static/logo-white.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="640" height="640" style="display:block;overflow:visible;color:black"><rect fill="white" width="640" height="640"></rect><g transform="translate(64 64)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-18 -18 36 36" width="512" height="512" style="display:block;overflow:visible;color:black;fill:none;stroke:currentColor"><g><path d="
+  M0 -16
+  L-14 -8
+  L -14 8
+  L 0 16
+  L 14 8
+  L 14 -8
+  L 0 -16
+  z
+"></path><path d="
+M0 -16
+L 0 0
+M-14 8
+L0 0
+L14 8
+" stroke-width="0.25"></path></g></svg></g></svg>
diff --git a/package.json b/package.json
index b5ce305b4..39db75a49 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "build:cjs": "cross-env NODE_ENV=cjs babel src -o dist/index.cjs.js",
     "build:esm": "cross-env NODE_ENV=esm babel src -o dist/index.esm.js",
     "logo-svg": "scrs docs/src/Logo.js --svg > docs/static/logo.svg",
+    "logo-white": "scrs docs/src/LogoWhite.js --svg > docs/static/logo-white.svg",
     "size": "npx bundlesize",
     "cover": "nyc report --reporter=html --reporter=lcov > coverage.lcov",
     "codecov": "nyc report --reporter=html --reporter=lcov > coverage.lcov && npx codecov",