Tessa (they/them), AuRise Creative

Daniel Menȝies

<p>This plugin allows you to manage a site-wide central color palette for an uniform look’n’feel. The palette of the new block editor and the Theme Customizer are supported, as well as the classic editor. You can define this central color palette through the settings menu. All plugins that make use of WordPress’ color picker can benefit from this plugin as well.</p>
<p>This plugin supports a multi-site setup of WordPress.</p>
<p>Also this plugin replaces the color picker for choosing a text or background color found inside the classic editor with a bigger and customizable color grid.</p>
<p>For an easy migration between WordPress installations you can export and import your palette settings and colors.</p>
<p><strong>Theme/Plugin Support</strong><br />
Central Color Palette supports these plugins and themes:</p>
<ul>
<li><a href="https://www.advancedcustomfields.com/" rel="nofollow ugc">Advanced Custom Fields</a></li>
<li><a href="https://wpastra.com" rel="nofollow ugc">Astra Theme</a></li>
<li><a href="https://www.wpbeaverbuilder.com" rel="nofollow ugc">Beaver Builder</a></li>
<li><a href="https://wordpress.org/plugins/elementor" rel="ugc">Elementor 2</a></li>
<li><a href="https://lcweb.it/fontpress" rel="nofollow ugc">FontPress</a></li>
<li><a href="https://generatepress.com/premium" rel="nofollow ugc">GeneratePress Premium</a></li>
<li><a href="https://wordpress.org/themes/hestia" rel="ugc">Hestia Theme</a></li>
<li><a href="https://wordpress.org/themes/neve" rel="ugc">Neve Theme</a></li>
<li><a href="https://www.megamenu.com/" rel="nofollow ugc">Mega Max Menu</a></li>
<li><a href="https://oceanwp.org" rel="nofollow ugc">OceanWP</a></li>
<li><a href="https://oxygenbuilder.com" rel="nofollow ugc">Oxygen</a></li>
<li><a href="https://wp-pagebuilderframework.com" rel="nofollow ugc">Page Builder Framework</a></li>
</ul>
<p>Please not that Elementor 3 is currently <strong>not</strong> supported due to its new color management.</p>
<h3>API Documentation</h3>
<p>Central Color Palette offers some methods, so have a look at the <a href="https://kungtiger.github.io/central-color-palette" rel="nofollow ugc">API Documentation</a>.</p>
<h3>Privacy Policy</h3>
<p>This plugin does not collect or use any private data.</p>


Central Color Palette

Has a job, does it wonderfully. Thanks to the dev team.

Fantastic plugin

✅ Block editor
✅ Customizer
✅ GeneratePress theme
✅ JSON import/export for settings and/or palette
✅ Customizable color names
✅ No in-your-face notices or top-level menu item (because it isn't necessary)
✅ No WP_DEBUG / WP_DEBUG_LOG notices
👏👏👏👏👏

WOW. I have been looking for this for years!

Manage a site-wide central color palette for a uniform look'n'feel! Supports the new block editor, Theme Customizer and many themes and plug …

lubus

Ajit Bohra

Punit Verma

<p>Color Palette Block helps you create and showcase curated color collections directly in the WordPress block editor.<br />
It is ideal for design systems, brand documentation, UI references, and visual style guides.</p>
<p>With Color Palette Block, you can add multiple swatches, switch between unique display styles, and copy each color in common code formats for development and handoff.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Multiple display styles</strong> – Choose from <strong>Square</strong>, <strong>Polaroid</strong>, <strong>Circle</strong>, and <strong>Droplet</strong> swatch presentations.</li>
<li><strong>Flexible color code output</strong> – Copy color values in <strong>HEX</strong>, <strong>RGB</strong>, <strong>HSL</strong>, and <strong>CSS variable</strong> formats.</li>
<li><strong>Zero Dependencies</strong> No jQuery or heavy JS frameworks powered by the <strong>Interactivity API</strong>.</li>
<li><strong>Theme color integration</strong> – Pull colors directly from your active theme palette.</li>
<li><strong>Random palette generation</strong> – Quickly generate swatches and auto-suggest names.</li>
<li><strong>Responsive by Default</strong> – Palettes adapt cleanly across desktop and mobile.</li>
</ul>
<h3>Why Choose BlaBlaBlocks Color Palette Block?</h3>
<p>Because color decisions need to be both visual and usable.<br />
Color Palette Block makes it easy to present colors clearly for designers, clients, and developers while keeping everything inside the native Gutenberg workflow.</p>
<ul>
<li>No shortcodes or custom HTML required.</li>
<li>Editor-first workflow with instant visual feedback.</li>
<li>Great for brand kits, style guides, and component libraries.</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Insert the <strong>Color Palette</strong> block in any post or page.</li>
<li>Add swatches manually, import from theme colors, or generate random swatches.</li>
<li>Select your preferred display style and swatch sizing.</li>
<li>Copy color values in the format you need while previewing changes instantly.</li>
</ol>
<h3>Use Cases</h3>
<ul>
<li>Build a <strong>brand color reference</strong> page for teams or clients.</li>
<li>Publish <strong>design system palettes</strong> with reusable values.</li>
<li>Share <strong>developer-ready color specs</strong> with copyable code formats.</li>
<li>Create <strong>inspiration boards</strong> with quick random generation.</li>
</ul>
<h3>Available Display Styles</h3>
<h4>1. Square</h4>
<p>Classic rectangular swatches for clean, structured palette layouts.</p>
<h4>2. Polaroid</h4>
<p>Card-style swatches with a framed visual treatment.</p>
<h4>3. Circle</h4>
<p>Rounded swatches for compact, modern palette presentations.</p>
<h4>4. Droplet</h4>
<p>Teardrop-inspired swatches for a more expressive visual style.</p>
<h3>Customization Options</h3>
<ul>
<li>Swatch display style</li>
<li>Swatch sizing controls</li>
<li>Theme color import</li>
<li>Random palette generation</li>
<li>Auto-generated swatch naming</li>
<li>Per-swatch code copy in multiple formats</li>
</ul>
<h3>Performance & Optimization</h3>
<ul>
<li>Designed for the block editor workflow with straightforward controls.</li>
<li>Keeps palette management simple for both content creators and developers.</li>
<li>Responsive output helps maintain consistent presentation across devices.</li>
</ul>
<h3>Open Source and Free</h3>
<p>BlaBlaBlocks Color Palette Block is open source and free to use. Contributions and feedback are welcome.</p>
<ul>
<li>
<p><strong>Source Code:</strong><br />
<a href="https://github.com/lubusIN/color-palette-block" rel="nofollow ugc">https://github.com/lubusIN/color-palette-block</a></p>
</li>
<li>
<p><strong>Report Issues:</strong><br />
<a href="https://github.com/lubusIN/color-palette-block/issues" rel="nofollow ugc">https://github.com/lubusIN/color-palette-block/issues</a></p>
</li>
<li>
<p><strong>Changelog:</strong><br />
<a href="https://github.com/lubusIN/color-palette-block/blob/master/CHANGELOG.md" rel="nofollow ugc">https://github.com/lubusIN/color-palette-block/blob/master/CHANGELOG.md</a></p>
</li>
</ul>


Color Palette Block

Build and share beautiful color palettes with multiple display styles and easy color code copying.

Central Color Palette vs Color Palette Block