diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css
index a3244c61..16a7abaa 100644
--- a/blocks/columns/columns.css
+++ b/blocks/columns/columns.css
@@ -139,19 +139,20 @@
     color: var(--c-dark-plum);
 }
 
+/* Rainbow:  darker-plum, dark-plum, dark-blue  */
 .columns.rainbow > div > div:nth-of-type(3n),
 .columns.rainbow-reverse > div > div:nth-of-type(3n + 1) {
-    background-color: var(--c-mid-blue);
+    background-color: var(--c-dark-blue);
 }
 
 .columns.rainbow > div > div:nth-child(3n + 1),
 .columns.rainbow-reverse > div > div:nth-of-type(3n) {
-    background-color: var(--c-mid-plum);
+    background-color: var(--c-darker-plum);
 }
 
 .columns.rainbow > div > div:nth-child(3n + 2),
 .columns.rainbow-reverse > div > div:nth-of-type(3n + 2) {
-    background-color: var(--c-dark-blue);
+    background-color: var(--c-dark-plum);
 }
 
 @media (min-width: 600px) {
diff --git a/styles/styles.css b/styles/styles.css
index 667242b0..54767144 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -31,6 +31,7 @@
   --c-dark-blue: #2f78c4;
   --c-dark-mid-plum: #3e40a0; /* for background footer only */
   --c-dark-plum: #2e308e;
+  --c-darker-plum: #1c1d55;
   --c-dark-gray: #53565a;
   --c-dark-teal: #06c7cc;
   --c-light-teal: #97f5f7;