In this tutorial, we will show you how to set Gutenberg button color for this to follow the below steps
Step 1 – Open a post in the block editor or add a new one
Step 2 – Click on the + button and pick the Buttons Block

Step 3 – Create a button within your content and link to another URL

The button colors are updated in the advanced settings panel (found in the right sidebar). You have two options:
- Background color
- Text color
In these options, you can set the button color
You’ve now successfully set the button to change the background color like below the screenshot

That’s it for this tutorial!
We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.