diff --git a/theme/base/stylesheets/components/ribbon.scss b/theme/base/stylesheets/components/ribbon.scss
index d157ed2c8..164a8b41c 100644
--- a/theme/base/stylesheets/components/ribbon.scss
+++ b/theme/base/stylesheets/components/ribbon.scss
@@ -27,4 +27,6 @@ body[data-ribboncolor="hotpink"]::after {
 body[data-ribboncolor="khaki"]::after {
     background-color: khaki;
 }
-
+body[data-ribboncolor="darkorchid"]::after {
+    background-color: darkorchid;
+}