From e2a42a8eb846ccfb4e7253830cbb80c880367592 Mon Sep 17 00:00:00 2001
From: Aviv Keller <me@aviv.sh>
Date: Wed, 10 Jun 2026 16:52:01 -0400
Subject: [PATCH] chore(webpack): add color palette

---
 projects/webpack/README.md | 88 +++++++++++++++++++++++++++++++++++---
 1 file changed, 81 insertions(+), 7 deletions(-)

diff --git a/projects/webpack/README.md b/projects/webpack/README.md
index aebdffa..14126bc 100644
--- a/projects/webpack/README.md
+++ b/projects/webpack/README.md
@@ -1,11 +1,8 @@
-# webpack Artwork
+# Webpack Artwork
 
-* [Project artwork repo](https://github.com/webpack/media)
+## Images
 
 <table>
-    <tr>
-    	<th colspan="7"></th>
-    </tr>
     <tr>
         <th width="120"></th>
         <th colspan="3">PNG</th>
@@ -40,8 +37,85 @@
     </tr>
 </table>
 
----
+## Color Palette
+
+<table>
+    <tr>
+        <th>Sample</th>
+        <th>Color Name</th>
+        <th>HEX Code</th>
+        <th>RGB Code</th>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/8dd6f9/60x24"></td>
+        <td>Malibu</td>
+        <td><code>#8dd6f9</code></td>
+        <td><code>rgb(141, 214, 249)</code></td>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/1d78c1/60x24"></td>
+        <td>Denim</td>
+        <td><code>#1d78c1</code></td>
+        <td><code>rgb(29, 120, 193)</code></td>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/465E69/60x24"></td>
+        <td>Fiord</td>
+        <td><code>#465E69</code></td>
+        <td><code>rgb(70, 94, 105)</code></td>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/2B3A42/60x24"></td>
+        <td>Outer Space</td>
+        <td><code>#2B3A42</code></td>
+        <td><code>rgb(43, 58, 66)</code></td>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/fefefe/60x24"></td>
+        <td>White</td>
+        <td><code>#ffffff</code></td>
+        <td><code>rgb(255, 255, 255)</code></td>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/f2f2f2/60x24"></td>
+        <td>Concrete</td>
+        <td><code>#f2f2f2</code></td>
+        <td><code>rgb(242, 242, 242)</code></td>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/dedede/60x24"></td>
+        <td>Alto</td>
+        <td><code>#dedede</code></td>
+        <td><code>rgb(222, 222, 222)</code></td>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/999999/60x24"></td>
+        <td>Dusty Gray</td>
+        <td><code>#999999</code></td>
+        <td><code>rgb(153, 153, 153)</code></td>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/666666/60x24"></td>
+        <td>Dove Gray</td>
+        <td><code>#666666</code></td>
+        <td><code>rgb(102, 102, 102)</code></td>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/535353/60x24"></td>
+        <td>Emperor</td>
+        <td><code>#535353</code></td>
+        <td><code>rgb(83, 83, 83)</code></td>
+    </tr>
+    <tr>
+        <td><img src="https://singlecolorimage.com/get/333333/60x24"></td>
+        <td>Mine Shaft</td>
+        <td><code>#333333</code></td>
+        <td><code>rgb(51, 51, 51)</code></td>
+    </tr>
+</table>
+
+## Trademarks and Licensing
 
-Use of any trademark or logo is subject to the trademark policy available at [https://trademark-policy.openjsf.org](https://trademark-policy.openjsf.org). A list of the trademarks covered by this policy can be found at [https://trademark-list.openjsf.org](https://trademark-list.openjsf.org).
+Webpack is a project of the OpenJS Foundation. Use of any trademark or logo is subject to the [trademark policy](https://trademark-policy.openjsf.org/). A list of the trademarks covered by this policy can be found at [https://trademark-list.openjsf.org](https://trademark-list.openjsf.org).
 
 Questions? Please email [trademark@openjsf.org](mailto:trademark@openjsf.org).