Editing custom colors

You may need to update an existing custom color, for example, to rename a palette, adjust individual color values, refine gradients, or reflect updated branding or design requirements. Editing allows you to fine-tune how colors appear in visuals without recreating the palette from scratch.

  1. Click the Gear icon on the main navigation bar to open the Administration menu and select Custom Colors.
  2. In the Manage Custom Colors interface, find the color you want to edit and click its Pencil icon.

    In this example, the custom color Doc test colors will be edited.

  3. In the Custom Color interface, you can change the name or other properties as needed.
    1. To change the definition of a component color:
      • For gradient options (both gradient values and gradient percentages) select the color indicator, and modify the color definition either through the text box, the color slider, the shade slider, or the color picker field.
      • For the distinct color option, edit each color separately. You can either click on the color indicator and use the color selection sliders and fields, or change the numeric color definition.
    2. To change the position of the middle color on gradients, slide the selector for that color to the desired position.
    3. To remove a color from a distinct color set, click the remove icon.
  4. Click Save.
  5. Click the Custom Colors tab to return to the Manage Custom Colors interface.
The custom colors you updated appear in the Style > Colors menu of visuals with the new settings.