diff --git a/live-examples/css-examples/color/color-adjust.css b/live-examples/css-examples/color/color-adjust.css
new file mode 100644
index 000000000..f5602108e
--- /dev/null
+++ b/live-examples/css-examples/color/color-adjust.css
@@ -0,0 +1,11 @@
+#example-element {
+    padding: 1rem;
+    font-size: 1.5rem;
+    background-color: black;
+    background-image: linear-gradient(rgba(0, 0, 180, .5), rgba(70, 140, 220, .5));
+    color: #333;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
diff --git a/live-examples/css-examples/color/color-adjust.html b/live-examples/css-examples/color/color-adjust.html
new file mode 100644
index 000000000..c15075e86
--- /dev/null
+++ b/live-examples/css-examples/color/color-adjust.html
@@ -0,0 +1,24 @@
+<section id="example-choice-list" class="example-choice-list large" data-property="color-adjust">
+    <div class="example-choice">
+    <pre><code class="language-css">color-adjust: economy;</code></pre>
+    <button type="button" class="copy hidden" aria-hidden="true">
+        <span class="visually-hidden">Copy to Clipboard</span>
+    </button>
+    </div>
+
+    <div class="example-choice">
+    <pre><code class="language-css">color-adjust: exact;</code></pre>
+    <button type="button" class="copy hidden" aria-hidden="true">
+        <span class="visually-hidden">Copy to Clipboard</span>
+    </button>
+    </div>
+
+</section>
+
+<div id="output" class="output large hidden">
+    <section id="default-example">
+        <div id="example-element">
+            <p>This contrast is terrible!</p>
+        </div>
+    </section>
+</div>
diff --git a/live-examples/css-examples/color/meta.json b/live-examples/css-examples/color/meta.json
index fdce426b3..3c9f79359 100644
--- a/live-examples/css-examples/color/meta.json
+++ b/live-examples/css-examples/color/meta.json
@@ -8,6 +8,14 @@
             "title": "CSS Demo: color",
             "type": "css"
         },
+        "color-adjust": {
+            "baseTmpl": "tmpl/live-css-tmpl.html",
+            "cssExampleSrc": "../../live-examples/css-examples/color/color-adjust.css",
+            "exampleCode": "live-examples/css-examples/color/color-adjust.html",
+            "fileName": "color-adjust.html",
+            "title": "CSS Demo: color-adjust",
+            "type": "css"
+        },
         "opacity": {
             "baseTmpl": "tmpl/live-css-tmpl.html",
             "cssExampleSrc":