Ático estudio

<p><strong>Aticolor Palettes</strong> lets you build and maintain a personal color library right inside WordPress. Ideal for designers and developers who work on multiple sites and want quick access to project color palettes.</p>
<p><strong>Key features:</strong></p>
<ul>
<li>Color groups — organize colors by project, brand or category</li>
<li>Toolbar access — click the palette icon in the admin bar for instant access from any page</li>
<li>Full admin page — manage your palette from a dedicated, spacious interface</li>
<li>One-click copy — click “Copy” on any color to send the hex value to your clipboard</li>
<li>Transparency support — opacity slider + 8-digit hex (#RRGGBBAA) for colors with alpha channel</li>
<li>Add, edit and delete — full CRUD for both groups and colors</li>
<li>Remembers collapsed groups — the dropdown remembers which groups you collapsed</li>
<li>Persistent storage — your palette is saved in the WordPress database</li>
<li>Internationalized — available in English and Spanish (and ready for more languages)</li>
</ul>
<h3>External Services</h3>
<p>This plugin optionally connects to Ko-fi (https://ko-fi.com) when you click the “Support this plugin” button. The Ko-fi donation page is loaded in a modal iframe solely to allow voluntary donations to the plugin author. No data from your WordPress site is sent to Ko-fi automatically — the connection is only made when a logged-in admin explicitly clicks the button.</p>
<ul>
<li>Ko-fi Terms of Service: https://ko-fi.com/terms</li>
<li>Ko-fi Privacy Policy: https://ko-fi.com/privacy</li>
</ul>


Aticolor Palettes – Color Palette Manager for Designers

Personal color palette library — save color groups and access them from the admin toolbar or the dedicated admin page.

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.

Aticolor Palettes – Color Palette Manager for Designers vs Color Palette Block