diff --git a/src/components/Form/style.css b/src/components/Form/style.css
index b35217f..a7b55fd 100644
--- a/src/components/Form/style.css
+++ b/src/components/Form/style.css
@@ -37,6 +37,7 @@
     width: 10rem;
     border: 0 none;
     background: var(--control-gradient);
+    color: var(--color-black);
     cursor: pointer;
     padding: 0;
     margin-right: 1rem;
@@ -65,6 +66,7 @@
   height: var(--select-height);
   width: var(--select-width);
   background: var(--control-gradient);
+  color: var(--color-black);
   overflow: hidden;
 
   & select {
diff --git a/src/components/Header/style.css b/src/components/Header/style.css
index b573196..d7f5736 100644
--- a/src/components/Header/style.css
+++ b/src/components/Header/style.css
@@ -6,6 +6,7 @@
   padding: 0 var(--content-margin);
   margin: 0 calc(-1 * var(--content-margin)) var(--spacing-margin) calc(-1 * var(--content-margin));
   position: relative;
+  color: var(--color-black);
 
   &:after {
     content: attr(data-banner);
diff --git a/src/components/Message/style.css b/src/components/Message/style.css
index 0279daa..360fa1f 100644
--- a/src/components/Message/style.css
+++ b/src/components/Message/style.css
@@ -2,6 +2,7 @@
 
 .message {
   background: var(--color-tan);
+  color: var(--color-black);
   margin: var(--spacing-margin) 0;
   box-shadow: 0 0 1rem color(var(--color-black) alpha(0.7));
 
diff --git a/src/site.css b/src/site.css
index eaf2cdf..8553b04 100644
--- a/src/site.css
+++ b/src/site.css
@@ -10,6 +10,7 @@ body {
   padding: 0;
   font-family: sans-serif;
   background: var(--color-brown);
+  color: var(--color-tan);
   font-size: 1.6rem;
 }