diff --git a/docs/_data/hues.json b/docs/_data/hues.json
new file mode 100644
index 000000000..1251ab4ec
--- /dev/null
+++ b/docs/_data/hues.json
@@ -0,0 +1 @@
+["red", "yellow", "green", "teal", "blue", "indigo", "violet", "gray"]
diff --git a/docs/_layouts/palette.njk b/docs/_layouts/palette.njk
index 1c559319c..b91cb3886 100644
--- a/docs/_layouts/palette.njk
+++ b/docs/_layouts/palette.njk
@@ -36,7 +36,7 @@
 
 <h2>Used By</h2>
 
-<section id="grid" class="index-grid">
+<section class="index-grid">
 {% for page in collections.theme %}
   {%- if page.data.palette == paletteId -%}
     {% include "page-card.njk" %}
diff --git a/docs/_layouts/theme.njk b/docs/_layouts/theme.njk
index 570ed4e4b..3f6157ae6 100644
--- a/docs/_layouts/theme.njk
+++ b/docs/_layouts/theme.njk
@@ -6,6 +6,16 @@
 
 {% block header %}
 <iframe src='{{ page.url }}demo.html'></iframe>
+
+<h2>Default Color Palette</h2>
+{% set paletteURL = '/docs/palettes/' + palette + '/' %}
+{% set themePage = page %}
+{% set page = paletteURL | getCollectionItemFromUrl %}
+<div class="index-grid">
+{% include 'page-card.njk' %}
+</div>
+{% set page = themePage %}
+
 {% endblock %}
 
 {% block afterContent %}
diff --git a/docs/docs/palettes/palettes.json b/docs/docs/palettes/palettes.json
index c782562aa..1e08935c4 100644
--- a/docs/docs/palettes/palettes.json
+++ b/docs/docs/palettes/palettes.json
@@ -1,7 +1,6 @@
 {
   "layout": "palette.njk",
   "tags": ["palettes", "palette"],
-  "hues": ["red", "yellow", "green", "teal", "blue", "indigo", "violet", "gray"],
   "eleventyComputed": {
     "snippet": ".wa-palette-{{ page.fileSlug }}",
     "icon": "palette"