diff --git a/docs/4.0/utilities/colors.md b/docs/4.0/utilities/colors.md
index 0eca02881b..6eccb597da 100644
--- a/docs/4.0/utilities/colors.md
+++ b/docs/4.0/utilities/colors.md
@@ -34,6 +34,7 @@ Similar to the contextual text color classes, easily set the background of an el
 {% for color in site.data.theme-colors %}
 <div class="p-3 mb-2 bg-{{ color.name }} {% if color.name == "light" or color.name == "warning" %}text-dark{% else %}text-white{% endif %}">.bg-{{ color.name }}</div>{% endfor %}
 <div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
+<div class="p-3 mb-2 bg-transparent text-dark">.bg-transparent</div>
 {% endcapture %}
 {% include example.html content=example %}