Skip to main content

Background color

Background color lets you add a solid fill behind any block. It is useful for callouts, highlights, and section headers.

Usage

Use a 6‑digit HTML color in the class name.

  • background-color-000000 to background-color-FFFFFF

Example

<div class="background-color-ff8800 padding-6">
<h2>Highlight</h2>
<p>This block has a warm background color.</p>
</div>

Valid values:

  • 6 hex digits only (0-9 and A-F). Uppercase and lowercase both work.

Invalid examples:

  • background-color-fff, background-color-gggggg, background-color-12345.