Skip to main content
Setting Box Colors

Learn how to change box colors. You can set colors using saved colors, RGBA/HEX values, or default colors.

Saika avatar
Written by Saika
Updated over 2 weeks ago

Available for: All plans


Setting Box Colors

You can set the color of boxes placed on your page using the [Fill] option in the [Box] tab at the top of the design editor. Use the color palette in the "Fill" menu to set colors using any of the following methods.

How to Set Colors in the "Fill" Menu

Saved Colors

Frequently used colors can be registered as My Colors in the color palette. When opacity is set, both the base color and the color with opacity are shown with a slash.

Checking registered colors

Unregistered colors can be added to My Colors by clicking [+].

Adding custom colors to the color palette

Switching Between Solid Color and Gradient

Use the button in the center of the menu to switch between solid colors and gradients.

Switching between solid colors and gradients

In the gradient settings screen, you can add colors and set angles. Added colors can be deleted by clicking the [×] that appears when hovering over them.

Setting up gradients

RGBA Values and HEX Codes

You can specify colors using RGBA values or HEX codes. Switch between them using the button to the right of the values.

Switching between RGBA Values and HEX Codes

Color Picker

The color picker allows you to extract any color from the screen.

Using the color picker

Default Colors

Click the button on the left center of the color palette to display sample colors for both solid and gradient options in palette format. Colors selected here can be fine-tuned.

Checking default colors

Transparent (No Fill)

Use this when you want to make the box color transparent (no fill).

Setting box colors

Configuration Steps

  1. Select Box

    Select the box whose color you want to change. To select multiple boxes: Hold Shift while clicking multiple boxes.

    Selecting boxes

  2. Change Color from Fill

    Hover over [Fill] in the style bar at the top of the editor. Select a color from the displayed color palette.

    Setting box colors

Did this answer your question?