How to customize the colour palette for WordPress’ Gutenberg block editor

Last updated • October 14th, 2019

Building on yesterday’s tip, I’m putting this up to show how easy it is to register a custom colour palette for WordPress’ block editor; AKA Gutenberg.

It’s actually something we can register as a theme feature so it’s all doable on the PHP side and is very straight-forward. Here’s the code you need;

	<?php

	add_action( 'after_setup_theme', function () {

	add_theme_support( 'editor-color-palette', [
	[
	'name' => 'Purple',
	'slug' => 'purple',
	'color' => '#2B265C'
	],
	[
	'name' => 'Mauve',
	'slug' => 'mauve',
	'color' => '#915099'
	],
	[
	'name' => 'Charcoal',
	'slug' => 'charcoal',
	'color' => '#222222'
	],
	] );

	} );

view raw define-custom-colour-palette-for-gutenberg.php hosted with ❤ by GitHub

How to customize the colour palette for WordPress’ Gutenberg block editor

Got a project? Let's talk.