Color Palette Block
Color Palette Block helps you create and showcase curated color collections directly in the WordPress block editor. It is ideal for design systems, brand documentation, UI references, and visual style guides.
Use with caution
Color Palette Block works, but test it on a staging site before relying on it in 2026. It runs on 10+ sites and was last updated 5 months ago, and scores 51/100 on our health check.
- Small user base (10+ active installs)
- Very few reviews so far
How does it stack up?
Side-by-side on installs, updates, ratings & support
Daily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where Color Palette Block stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| block | >100 |
| color | >100 |
| design system | >100 |
| gutenberg | >100 |
| palette | #37 |
Version adoption
Share of active sites per release.
About Color Palette Block
From the official readme · v2.0.0Description
Color Palette Block helps you create and showcase curated color collections directly in the WordPress block editor.
It is ideal for design systems, brand documentation, UI references, and visual style guides.
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.
Key Features
- Multiple display styles – Choose from Square, Polaroid, Circle, and Droplet swatch presentations.
- Flexible color code output – Copy color values in HEX, RGB, HSL, and CSS variable formats.
- Zero Dependencies No jQuery or heavy JS frameworks powered by the Interactivity API.
- Theme color integration – Pull colors directly from your active theme palette.
- Random palette generation – Quickly generate swatches and auto-suggest names.
- Responsive by Default – Palettes adapt cleanly across desktop and mobile.
Why Choose BlaBlaBlocks Color Palette Block?
Because color decisions need to be both visual and usable.
Color Palette Block makes it easy to present colors clearly for designers, clients, and developers while keeping everything inside the native Gutenberg workflow.
- No shortcodes or custom HTML required.
- Editor-first workflow with instant visual feedback.
- Great for brand kits, style guides, and component libraries.
How It Works
- Insert the Color Palette block in any post or page.
- Add swatches manually, import from theme colors, or generate random swatches.
- Select your preferred display style and swatch sizing.
- Copy color values in the format you need while previewing changes instantly.
Use Cases
- Build a brand color reference page for teams or clients.
- Publish design system palettes with reusable values.
- Share developer-ready color specs with copyable code formats.
- Create inspiration boards with quick random generation.
Available Display Styles
1. Square
Classic rectangular swatches for clean, structured palette layouts.
2. Polaroid
Card-style swatches with a framed visual treatment.
3. Circle
Rounded swatches for compact, modern palette presentations.
4. Droplet
Teardrop-inspired swatches for a more expressive visual style.
Customization Options
- Swatch display style
- Swatch sizing controls
- Theme color import
- Random palette generation
- Auto-generated swatch naming
- Per-swatch code copy in multiple formats
Performance & Optimization
- Designed for the block editor workflow with straightforward controls.
- Keeps palette management simple for both content creators and developers.
- Responsive output helps maintain consistent presentation across devices.
Open Source and Free
BlaBlaBlocks Color Palette Block is open source and free to use. Contributions and feedback are welcome.
Installation
You can install this plugin either automatically through the WordPress admin or manually via upload/FTP.
Automatic
- Log in to your WordPress dashboard.
- Navigate to Plugins > Add New.
- Search for “BlaBlaBlocks Color Palette Block”, then click Install Now.
- Activate the plugin.
Manual
- Download the plugin ZIP from WordPress.org or GitHub.
- Upload the
color-palette-blockfolder to/wp-content/plugins/. - Go to Plugins in wp-admin and activate BlaBlaBlocks Color Palette Block.
Frequently asked questions
1. How do I add colors to my palette?
You can add colors in several ways: * Click the “Add Color” button in the block toolbar. * Use the + button in the swatch list/grid. * Import theme colors using the “Theme Colors” option. * Generate random swatches using “Surprise Me”.
2. What color formats can I copy?
You can copy colors in HEX (#ffffff), RGB (rgb(255,255,255)), HSL (hsl(0,0%,100%)), and CSS variable (--color-name) formats.
3. Can I change how the colors are displayed?
Yes. You can choose from four display styles: * Square (default) * Polaroid * Circle * Droplet
4. Are color names automatically generated?
Yes. New swatches can receive auto-generated names based on color values, and you can edit them anytime.
5. Is the block responsive?
Yes. The palette layout is responsive and adapts to different screen sizes.
Changelog
2.0.0
- Multiple display styles (Square, Polaroid, Circle, Droplet).
- Color code copying in multiple formats (HEX, RGB, HSL, CSS variable).
- Theme color integration.
- Random palette generation with auto-generated color names.
- Responsive design improvements.
- Interactive color picker and sizing options.
1.1.0
- Compatibility with Gutenberg 3.1.x.
- ES import for WordPress dependencies.
- Minor UI tweaks.
1.0.0
- Initial plugin release.
Screenshots
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
Best Color Palette Block alternatives
All block plugins →
FAQ
Color Palette Block: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Oct 16, 2026
Is Color Palette Block free?
Yes. Color Palette Block is free to download and use from the official WordPress.org plugin directory.
Is Color Palette Block safe to use in 2026?
Color Palette Block works, but test it on a staging site before relying on it in 2026. It runs on 10+ sites and was last updated 5 months ago, and scores 51/100 on our health check.
How many websites use Color Palette Block?
Color Palette Block is active on 10+ WordPress websites and has been downloaded 2,472 times since it launched in March 2018. It was downloaded 75 times in the last 30 days.
Does Color Palette Block work with WordPress 7.1?
Color Palette Block is officially tested up to WordPress 7.0.7, while the latest release is 7.1.3. It may still work, but try it on a staging site first.
What PHP version does Color Palette Block need?
Color Palette Block requires PHP 7.4 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.
When was Color Palette Block last updated?
The latest version, 2.0.0, was released on May 19, 2026 (5 months ago).
Who makes Color Palette Block?
Color Palette Block is developed and maintained by lubus.
What are the best alternatives to Color Palette Block?
The most popular alternatives to Color Palette Block are Spectra Legacy (1M+ installs), Breadcrumb NavXT (800K+ installs) and PDF Embedder (300K+ installs).
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card
