ThemeZee

<p>The <em>Custom Color Palette</em> plugin allows you to change the default color palette in the new WordPress Gutenberg Editor.</p>
<p>It replaces the color palette of WordPress Core and the theme.</p>
<h4>Enable and change colors from three categories</h4>
<ul>
<li><strong>Main Colors</strong><br />
Primary, Secondary and Accent colors</li>
<li><strong>Grayscale Colors</strong><br />
White, Light Gray, Dark Gray, Black</li>
<li><strong>Primary Colors</strong><br />
Red, Green, Blue, Yellow, etc.</li>
</ul>
<h4>Requirements</h4>
<p>This plugin only works with the new Editor. You have to use WordPress 5.0 or the <a href="https://wordpress.org/plugins/gutenberg/" rel="ugc">Gutenberg</a> plugin.</p>
<p><strong>Note:</strong> Changing colors works with CSS variables and is not supported in outdated browsers like Internet Explorer.</p>


Custom Color Palette for Gutenberg

A small and simple plugin to adjust the default color palette of the new WordPress Gutenberg Editor.

Joost de Valk

Ari Stathopoulos

Progress Planner

Filip Ilić

<p>Brand Assets helps you publish a clean, usable brand assets page in WordPress. Instead of sending people to scattered folders or outdated PDFs, you can present approved colors, downloadable logos, and brand guidance directly on your site.</p>
<p>Whether you need a public media kit, a client handoff page, or an internal brand guidelines page, Brand Assets gives you block-based tools to build it in Gutenberg.</p>
<h3>What you can build</h3>
<ul>
<li>A brand assets page with your logos, color palette, and typography guidance.</li>
<li>A media kit page for journalists, partners, and affiliates.</li>
<li>A client-facing brand page with downloadable files and usage guidance.</li>
<li>A simple internal design reference for your team.</li>
</ul>
<h3>Key features</h3>
<ul>
<li>Add a dedicated brand color palette block to any page or post.</li>
<li>Show color swatches with adjustable width, height, spacing, borders, and optional CMYK values.</li>
<li>Use the included brand page pattern to launch a complete brand guidelines page faster.</li>
<li>Add downloadable brand files by applying the <code>ba-download</code> class to list items in the editor.</li>
<li>Show a configurable popover on your site logo that links visitors to the right brand assets page.</li>
<li>Manage plugin settings from <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Brand Assets</strong> or the plugin row settings link.</li>
</ul>
<h3>Why site owners use Brand Assets</h3>
<ul>
<li>Keep logos, colors, and downloadable files in one clear place.</li>
<li>Make it easier for clients, press contacts, and partners to find approved assets.</li>
<li>Build a more professional brand guidelines page without custom development.</li>
<li>Keep your WordPress site and your brand presentation aligned.</li>
</ul>
<h3>Quick start</h3>
<ol>
<li>Install and activate Brand Assets.</li>
<li>Create a page for your brand assets or media kit.</li>
<li>Insert the Brand Assets pattern or add the <strong>Color Palette – Brand Assets</strong> block.</li>
<li>Add your approved colors, logo files, and supporting content.</li>
<li>Go to <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Brand Assets</strong> and connect your logo popover to the page.</li>
</ol>
<h3>Support</h3>
<ul>
<li>Source code: https://github.com/ProgressPlanner/brand-assets</li>
<li>Documentation: https://progressplanner.com/plugins/brand-assets/</li>
<li>Issues: https://github.com/ProgressPlanner/brand-assets/issues</li>
</ul>


Brand Assets

Create a WordPress brand assets page with color palettes, logo downloads, and brand guidelines visitors can actually use.

Custom Color Palette for Gutenberg vs Brand Assets