Skip to main content
Org Chart Studio

How to change the colors on an org chart

Set the five colors a chart uses, use the fixed white, grey, and black slots, and choose where department colors come from.

  • help
  • how-to

A chart's colors come from two palettes: the theme palette you set in the Theme Editor, and the palette that colors departments. A theme carries ten named slots. Five are the colors you set, and five are fixed.

Change a color

  1. Open Themes and choose Edit.
  2. Open Colors. The palette shows the five colors you set: Primary, Secondary, Tertiary, Accent 1, and Accent 2.
  3. Choose a swatch to open its color picker, adjust the value, then choose Done.
  4. Check the sample Preview.
  5. Choose Apply to chart.

The editor marks your work as Unapplied changes until you apply it, so the chart keeps its current colors while you edit. Reset returns the draft to this session's starter. Cancel closes the editor without applying the draft. Neither command is the people-history Undo button, and ordinary Undo will not restore a theme after you apply one.

A four-person fictional chart using one uniform card treatment and solid right-angle connector lines.

What the ten colors are

A theme's palette has ten named slots. Five are the colors you set:

  • Primary
  • Secondary
  • Accent 1
  • Accent 2
  • Tertiary

Five are fixed: White, Grey 1, Grey 2, Grey 3, and Black.

Slots are named addresses, not a limit on how many colors a chart may show. Two slots may hold the same color, including setting one of the five to white or black. Studio does not require five different colors, and a chart can repeat a color as often as it needs to.

Why some colors are fixed

Field badges and department chips need small inks that stay legible under their text, and a card or connector sometimes needs plain white or black. The fixed slots keep those common colors available by name, so using one does not spend one of the five colors you chose for the brand.

You can point an element at White, a Grey, or Black. The palette shows the fixed five below the colors you set, marked so it is clear they are references rather than choices: they have no picker and no remove button, and their values never change.

Point an element at a color

Each colored element has one control, and the color it paints is shown in it. Open it and choose a source: Custom color, one of the five palette colors, or one of the fixed colors above. Choosing a palette slot is the whole change, because the slot already is the color. Only Custom color opens the picker. Elements bound to a palette slot follow that slot, so changing Primary updates everything assigned to Primary. A custom color belongs to that element alone.

Where department colors come from

Departments come from the chart itself. Each person carries a Department value in People, and the chart's departments are those values. The Theme Editor does not create departments. It decides whether they are colored and where their colors come from.

  1. Open Themes > Edit > Cards.
  2. Set Color variation to By department.
  3. Choose Department accent to decide what changes: Stripe, Edges, Fill, or Chip.
  4. To change the department colors, open Colors and edit Color 1 through Color 10 under Department palette.

Department colors follow each person's Department value. Existing assignments are kept when another department is added; the first ten department assignments use the ordered color sequence, which repeats after ten. If you change a department value, review that department's color on the chart because the new label may be treated as a new department.

The same four-person chart with department chips in different colors and curved dashed connectors.

If a department's color looks wrong, check the person's Department value in People first. Then check Themes > Edit > Cards for Color variation and Department accent, and Colors > Department palette for the assigned color slot.

Change the rest of the theme

Colors are one part of the chart's theme. How to customize and reuse an org chart theme covers previewing a starter theme, cards, text, avatars, connectors, and copying a theme to another chart.