FAQ: How do I add a custom background color to a block?

Sometimes, you might want to go beyond your brand colors and use a custom color as the background of a block. It's a great way to inject some of your client's branding into a page.

To start, you'll need the hex color code for the color you'd like to use. If you're not sure where to get this code, there are web-based tools and browser extensions that can pull hex colors from images or web pages.

Head to the block where you'd like to add the custom background. In its top left corner, click the Block Style icon.

From there, click the Edit link. Then choose Use Custom Color and paste in your hex code.

Note: Custom colors can be used as backgrounds, but not currently on fonts.