From df9de485ed827d0b5c4809204e92473ea1e2a55a Mon Sep 17 00:00:00 2001
From: Leyland Yang <105257885+yangleyland@users.noreply.github.com>
Date: Wed, 10 Dec 2025 16:14:15 -0800
Subject: [PATCH] Update changelog.mdx

Co-Authored-By: mintlify-development[bot] <109878554+mintlify-development[bot]@users.noreply.github.com>
---
 changelog.mdx | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/changelog.mdx b/changelog.mdx
index 58302064d..145d70c89 100644
--- a/changelog.mdx
+++ b/changelog.mdx
@@ -5,6 +5,33 @@ rss: true
 noindex: true
 ---
 
+<Update label="December 11, 2025" tags={["New releases"]} rss={{ title: "Color component", description: "Display color palettes in your documentation with compact and table variants" }}>
+  ## Color component
+
+  Display color palettes in your documentation with the new `<Color>` component. The component supports two variants (compact and table), all CSS color formats (hex, rgb, rgba, hsl, oklch), theme-aware colors, and click-to-copy functionality.
+
+  **Compact variant** displays colors in a grid layout:
+  ```mdx
+  <Color variant="compact">
+    <Color.Item name="blue-500" value="#3B82F6" />
+    <Color.Item name="blue-600" value="#2563EB" />
+  </Color>
+  ```
+
+  **Table variant** organizes colors into rows with titles:
+  ```mdx
+  <Color variant="table">
+    <Color.Row title="Primary">
+      <Color.Item name="primary-500" value="#3B82F6" />
+      <Color.Item name="primary-600" value="#2563EB" />
+    </Color.Row>
+  </Color>
+  ```
+
+  Learn more in the [Color component documentation](/components/color).
+
+</Update>
+
 <Update label="December 9, 2025" tags={["New releases"]} rss={{ title: "Preview widget", description: "Track changed files in preview deployments with an interactive widget" }}>
   ## Preview widget