Apply colors in FigJam

Color is a valuable tool that can be used in FigJam to visually communicate your ideas. FigJam comes with default color palettes depending on the object it is applied to.

Default colors

Sticky notes

Sticky notes have a set palette of colors:

• White #FFFFFF
• Gray #E6E6EE6
• Green #B3EFBD
• Teal #B3F4EF
• Blue #A8DAFF
• Violet #D3BDFF
• Pink #FFA8DB
• Red #FFB8A8
• Orange #FFD3A8
• Yellow #FFE299

Highlighter

The highlighter tool’s palette includes:

• Gray #D9D9D9
• Pink #FFBDF2
• Orange #FCD19C
• Yellow #FFFAA3
• Green #AFF4C6
• Blue #B6ECF7
• Violet #E4CCFF
• White #FFFFFF

Everything else

Shapes, sections, marker doodles, and connectors have their own color palette.

• White #FFFFFF
• Black #1E1E1E / Dark gray #757575
• Gray #B3B3B3 / Light gray #D9D9D9
• Green #66D575 / Light green #CDF4D3
• Teal #5AD8CC / Light teal #C6FAF6
• Blue #3DADFF / Light blue #C2E5FF
• Violet #9747FF / Light violet #E4CCFF
• Pink #F849C1 / Light pink #FFC2EC
• Red #FF7556 / Light red #FFCDC2
• Orange #FF9E42 / Light orange #FFE0C2
• Yellow #FFC943 / Light yellow #FFECBD
• Custom color using the eyedropper tool ↓ or a hex code.

Custom color palettes

Members of an Organization or Enterprise plan with can edit access to the team or project can create custom color palettes for their FigJam files. You can create a palette with up to nine colors and set it as the default for all new team files, or swap between palettes in an existing file.

Create a custom palette

To create a custom color palette in FigJam:

1. Select the Marker, Sticky, or Shape tool.
2. Click next to the current color palette.
3. Click to create a new palette.
4. Enter a name for the new palette.
5. Select a color tile, then use the eyedropper tool or hex code field to select a new color. You can create up to nine colors per palette.

Set custom palette as default

Once you create a custom palette, you can set it as the default color palette for your team from the team settings page.

1. If you're on the Starter or Professional plan, click All projects. If you're on the Organization or Enterprise plan, navigate to the team where you'd like to set a custom palette as default.
2. Click the down arrow icon next to the team name and select View settings.
3. Under the Shared section, click View team’s FigJam palettes.
4. Click Set as default next to the palette you want to use.

The palette will be used as the default for new files in the team. For existing files, you’ll need to swap to a new custom palette ↓

Learn more about managing team settings →

Swap between palettes

When you’re in a FigJam file, you can swap between palettes at any time.

1. Select the Marker, Sticky, or Shape tool.
2. Click next to the current color palette.
3. Click the custom palette you want to use from the picker.

When you select a new palette, any existing objects on the board will retain their original colors. You can edit their color at any time.

Edit custom palette

To edit a custom palette:

1. Click from the Marker, Sticky, or Shape tool.
2. Click in the custom palette picker.
3. Click next to the palette you want to edit.
4. Select the color you want to edit or hover over the color and click to remove it from your palette.

Delete custom palette

To delete a custom palette:

1. Select the Marker, Sticky, or Shape tool.
2. Click next to the current color palette.
3. Click in the custom palette picker.
4. Click next to the palette you want to delete.

Apply colors to objects

Once an object is selected and you would like to modify its color, you can select the Color dropdown from the toolbar:

Sticky notes

Modifying the color of a sticky note on the board will change the default color of the Sticky note tool in the toolbar. It does not affect the color of pre-existing stickies.

The new default color will be applied to all future sticky notes until the color is changed again.

Learn more about creating and editing sticky notes →

Shapes

You can change the color and opacity of shapes in FigJam.

To set the color of a shape before placing it:

1. From the toolbar, click shape tool > color picker from the menu.
2. Select a color from the default color palette.
3. Click anywhere on the board to place the shape.

Once the shape is on the board, select it to open the toolbar. From the color picker in the toolbar, you can:

• Set the shape fill to Fill, No Fill, or Transparent
• Select the Custom option to set a custom color and opacity level
• Select or remove the line style and color for the shape's border

Modifying the color of a shape on the board changes the default color of the Shape tool in the toolbar. It does not affect the color of shapes already on the board.

Just like sticky notes, the new default color will be applied to all future shapes until the color is changed again.

Learn more about creating and editing shapes →

Connectors

Changing the color of a connector will change the background color of the connector text when the Text background property is applied. The background for connector text can be removed using the color picker in the connector's toolbar.

The new default color will be applied to all future connectors until the color is changed again.

Learn more about connectors in FigJam →

Text

Unlike the text in shapes, stickies and connectors, text created with the Text tool can take on different colors. However, changing the color of one text object will not apply the same styling to future text objects.

Attempting to change the color of a substring within a text object will modify all text color in the same object. The default color for a new text object is always Charcoal.

Learn more about the Text tool in FigJam →

Drawing tools

You can change the stroke color of the marker and highlighter tools by clicking it in the toolbar and selecting a color from the palette:

The stroke color can also be modified after drawing by selecting the stroke and choosing a color from the toolbar.

Learn more about drawing tools in FigJam →

Use the eyedropper tool

The eyedropper tool allows you to select and sample colors from any object or image on the board board. Use the eyedropper to identify colors and apply them to your objects.

1. Select the object you'd like to edit.
2. Click the color picker and select the gradient option.
3. Select the eyedropper tool.
4. Hover over the color in the canvas you'd like to sample. The magnifier window will show you both the color and hex code of the sampled pixel.
5. Click to apply the sampled color to the selected object: