We are gearing up for upcoming changes to WordPress, and as a part of it, we have been playing around with Gutenberg.? We are in the process of planning the migration of some of the old client websites & our own properties to Gutenberg. Currently, we are using Gutenberg on our own internal portal for quickly documenting? & sharing project-specific details.
In all this, we have identified our needs for some custom blocks, of which some are under development. Of them all, one block we wished was to quickly create and share color palettes right from Gutenberg. The initial version of the block is ready, and we are pleased to share that.
Currently, block allows you to quickly create a color palette by adding colors & an option to remove them. A collection of colors is displayed in Polaroid/cards style. This is just the initial release? And we have our wishlist of features, which are:
Wishlist:
- Different display styles
- Drag and drop to arrange colors
- Edit existing colors
- One-click copy to clipboard
- Different color formats
Quick demo of block:

Want to play around with block? Head over to our Gutenberg playground. https://gutenberg.lubus.in/
Block is available for download on the WordPress plugin repo.https://wordpress.org/plugins/color-palette-block/
Want to dive into the code and explore how it works. The code is opensourced on GitHub?https://github.com/lubusIN/color-palette-block
Stay tuned for more Gutenberg goodies 🙂

Leave a Reply