> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Customizing Block Colors

> Choose from the block color palette, pick fully custom block colors, and set your own default block colors in Craft.

Block colors are a simple way to make content stand out. They're perfect for callouts, color coding sections, or just adding personality to a page. The block color palette offers a balanced selection of colors covering the entire spectrum, and if none of them are quite right, you can go fully custom.

## Applying a Block Color

<Steps>
  <Step title="Select a block">
    Click the block you want to color, or select multiple blocks at once.

    <img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-1.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=89e724af9695db974901a249c837bc30" alt="Selecting a block" width="928" height="759" data-path="images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-1.png" />
  </Step>

  <Step title="Open the Format panel">
    Open the right sidebar and select the **Format** tab.
  </Step>

  <Step title="Pick a block color">
    Under **Decorations**, select **Block**, then choose a color from the **Color** palette. Hover over any color to see its name in a tooltip.

    <img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-2.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=e293e198ba0c255b778adb624533e85b" alt="Format panel with block decoration and color palette" width="928" height="759" data-path="images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-2.png" />
  </Step>
</Steps>

The same palette appears wherever you choose block colors, including the slash command menu, so a color always looks the same no matter where you apply it from.

## Picking a Custom Block Color

Want a shade that isn't in the palette?

<Steps>
  <Step title="Open the color picker">
    Select the custom color option at the end of the block color palette.
  </Step>

  <Step title="Choose your shade">
    Browse a grid of shades, pick from a spectrum, or fine-tune with sliders.
  </Step>

  <Step title="Or enter an exact value">
    Type an RGB or HSB value for a precise match. This is handy for brand colors.
  </Step>
</Steps>

<video autoPlay muted loop playsInline className="w-full rounded-xl" src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/custom-block-color.mp4?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=bccaba891fdf8399f03f5ab484ba8a98" data-path="images/write-and-edit/styling/block-colors/en/content/custom-block-color.mp4" />

## Setting Your Own Default Block Colors

You can also replace any color in the default palette with your own shade. This is great if you want your favorite color always at hand, or use a specific brand color across your documents.

<Steps>
  <Step title="Open the context menu on a palette color">
    In the block color palette, right-click (macOS) or tap and hold (iOS) the color you want to replace.
  </Step>

  <Step title="Customize the color">
    Choose the option to customize the color and pick your own shade in the color picker. The palette now shows your color in that spot, everywhere block colors appear.
  </Step>

  <Step title="Reset when needed">
    To bring back the original color, open the context menu on it again and reset it.
  </Step>
</Steps>

<video autoPlay muted loop playsInline className="w-full rounded-xl" src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/default-block-colors.mp4?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=16685de5e91e25ddfbc9882ed7293e00" data-path="images/write-and-edit/styling/block-colors/en/content/default-block-colors.mp4" />

<Info title="Tables and Collections">
  Tables and collections inherit the block color set on them, so you can color-code these blocks the same way as any other content.
</Info>

## Related Articles

<CardGroup cols={2}>
  <Card title="Backdrops, Colors & Separators" href="/en/write-and-edit/styling/quick-guide">
    Customize backdrops, document and text colors, and separators
  </Card>

  <Card title="Default Styles" href="/en/write-and-edit/styling/default-styles">
    Set your preferred style as the default
  </Card>
</CardGroup>