diff --git a/styleguide/colors/index.html b/styleguide/colors/index.html
index 6245c8d..63bdab6 100644
--- a/styleguide/colors/index.html
+++ b/styleguide/colors/index.html
@@ -65,22 +65,22 @@
 
                         <div aria-labelledby="label-dark-swatch-shade-1" class="swatch-container">
                             <div class="swatch" style="--swatch-color: var(--color-dark-shade-1)"></div>
-                            <span id="label-dark-swatch-shade-1">#56023c</span>
+                            <span id="label-dark-swatch-shade-1">#180736</span>
                         </div>
 
                         <div aria-labelledby="label-dark-swatch-shade-2" class="swatch-container">
                             <div class="swatch" style="--swatch-color: var(--color-dark-shade-2)"></div>
-                            <span id="label-dark-swatch-shade-2">#6d0449</span>
+                            <span id="label-dark-swatch-shade-2">#26114B</span>
                         </div>
 
                         <div aria-labelledby="label-dark-swatch-shade-3" class="swatch-container">
                             <div class="swatch" style="--swatch-color: var(--color-dark-shade-3)"></div>
-                            <span id="label-dark-swatch-shade-3">#830755</span>
+                            <span id="label-dark-swatch-shade-3">#371F60</span>
                         </div>
 
                         <div aria-labelledby="label-dark-swatch-shade-4" class="swatch-container">
                             <div class="swatch" style="--swatch-color: var(--color-dark-shade-4)"></div>
-                            <span id="label-dark-swatch-shade-4">#9a0a61</span>
+                            <span id="label-dark-swatch-shade-4">#4B3176</span>
                         </div>
                     </section>