diff --git a/assets/styles/palette.css b/assets/styles/palette.css
new file mode 100644
index 0000000..1426b2b
--- /dev/null
+++ b/assets/styles/palette.css
@@ -0,0 +1,33 @@
+.color p {
+ width: 50%;
+ margin: 1rem auto;
+ border: .25rem solid var(--color-text);
+ border-radius: 1rem;
+ text-align: center;
+ font-weight: bold;
+}
+
+@media (max-width: 650px) {
+ .color p {
+ width: 100%;
+ }
+}
+
+#concrete { background-color: var(--color-concrete); }
+#concrete-alt { background-color: var(--color-concrete-alt); }
+#green { background-color: var(--color-green); }
+#green-alt { background-color: var(--color-green-alt); }
+#teal-light {background-color: var(--color-teal-light); }
+#teal-dark { background-color: var(--color-teal-dark); }
+
+#concrete,
+#concrete-alt,
+#teal-light {
+ color: var(--color-green);
+}
+
+#green,
+#green-alt,
+#teal-dark {
+ color: var(--color-concrete);
+}
diff --git a/palette/index.html b/palette/index.html
new file mode 100644
index 0000000..71cd88e
--- /dev/null
+++ b/palette/index.html
@@ -0,0 +1,54 @@
+
+
+
+ Palette | the historic Beall Greenhouses
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+ Site Palette
+
+
#e5e0c7
+
#d1cbab
+
#142b15
+
#1a3b1b
+
#4ba19e
+
#0c6a74
+
+