diff --git a/src/components/Overlay.js b/src/components/Overlay.js
new file mode 100644
index 0000000..2c7c827
--- /dev/null
+++ b/src/components/Overlay.js
@@ -0,0 +1,23 @@
+import React from 'react'
+
+export default ({
+  className = '',
+  color = 'var(--secondary)',
+  opacity = 0.2,
+  ...props
+}) => (
+  <div
+    className={`Overlay ${className}`}
+    style={{
+      color,
+      opacity,
+      backgroundColor: 'currentColor',
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    }}
+    {...props}
+  />
+)