Block Editor Colors

Description

This plugin allows you to edit default Gutenberg block editor colors or the ones registered in a theme, as well as add your own colors! Since this is a global site configuration (applied sitewide), you can much easier go with your brand color scheme, without a need to manually change colors for each block each time.

Once the plugin is installed and activated, navigate to Settings > Editor Colors to customize colors.

There are two sections to customize colors globally for your website:

Custom Colors

Here you can create new colors for the block color palette. You will not lose these colors when you change a theme. These colors can be deactivated or transferred via XML.

Default Colors

Here you can edit colors that are registered by your active WordPress theme or default Gutenberg block colors.

Need more blocks?

If you feel short of blocks, don’t lose the opportunity to install 40+ more free blocks and pre-made design patterns by Getwid WordPress blocks. This is a fantastic customization booster and design toolkit for the Gutenberg era in WordPress.

Copyright

Block Editor Colors, Copyright (C) 2020, MotoPress https://motopress.com/
Block Editor Colors plugin is distributed under the terms of the GNU GPL.

Installation

Upload the plugin to the /wp-content/plugins/ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.
Navigate to Settings > Editor Colors.

Screenshots

Reviews

Huge help.

By myracat on April 23, 2025

I've been using this plugin for a year on my sites. It's super helpful to get the right colors accessible in the editor.

Excellent Plugin!

By da commerce (rcdelar) on August 25, 2024

Thanks you so much for creating this plugin so we can easily add custom colors to our templates. This really makes our lives easier 🙂

Works great

By dawnrd on March 14, 2023

Using this with Getwid, it works out of the box. Needs more customizations.

It helps - but shouldn't be needed

By bloohair on June 29, 2022

This plugin has helped change a default colour in Gutenberg, but I am having to go into every page and select the text colour manually as it hasn't happened automatically. I didn't need this Plugin until WordPress 6.0. But thanks to MotoPress

Great! Gradients soon?

By mapa729 on May 20, 2022

Makes adding custom editor colors a much faster process than editing functions and checking/ adding custom CSS classes per color. Thanks for making it! My only request to the devs- if you can, please add support for gradients! I know how to do it via functions/ css, but it would be great it if were in this plugin as well.

Works Great!

By Curtis (salsaFire) on December 1, 2021

Met my need for additional colors. Thank you for the development of this plugin.

Helped me alot

By techycoast on May 29, 2021

I was stuck with the colours my theme provide, I was gonna look for a way to add a custom colour button, not the editor but this plugin saved me all the stress by giving me a panel to add more default colours than I could think of Totally love it!

Awesome!

By nineplanetsllc on March 6, 2021

Love it!

Finally > 5 colors!

By webksde on October 28, 2020

Thank you so much for removing this disturbing limitation.

Work Great!

By duckz (supersuphot) on October 22, 2020

Work Great!

Changelog

1.2.6, Jun 20 2024

Minor bugfixes and improvements.

1.2.5, Jun 20 2024

Minor bugfixes and improvements.

1.2.4, May 19 2022

Improved compatibility with Gutenberg plugin.

1.2.3, Mar 23 2022

Added CSS variables for colors set or edited via the plugin.
Fixed an issue when custom colors may not have been applied in the block editor.

1.2.2, Mar 18 2022

Improved compatibility with WordPress 5.9.

1.2.1, Nov 22 2021

Security – sanitization and escaping.

1.2.0, Jul 26 2021

Improved compatibility with WordPress 5.8.

1.1.0, Aug 13 2020

Added the ability to change the order of colors.
Minor bugfixes and improvements.

1.0.0, Mar 13 2020

Minor bugfixes and improvements.

0.0.1, Mar 9 2020

Initial release.