Apply colors in FigJam
- Default colors are available on any team or plan
- Custom color palettes are available on Organization and Enterprise plans
- Anyone with can edit access in a FigJam file can apply colors
- Anyone with can edit access to a team or project can create custom color palettes
- Check out the Guide to 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:
- Light gray
#D9D9D9
- Stone
#667799
- Blue
#0D99FF
- Violet
#9747FF
- Pink
#FF24BD
- Red
#F24822
- Orange
#FFA629
- Yellow
#FFCD29
- Green
#14AE5C
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#E6E6E6
- Red
#F24822
/ Light red#FFC7C2
- Orange
#FFA629
/ Light orange#FCD19C
- Yellow
#FFCD29
/ Light yellow#FFE8A3
- Green
#14AE5C
/ Light green#AFF4C6
- Blue
#0D99FF
/ Light blue#BDE3FF
- Violet
#9747FF
/ Light violet#E4CCFF
- 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.
Custom color palettes can only be used in files that are in a team or project, not in drafts. Learn how to move files to a team or project →
Create a custom palette
To create a custom color palette in FigJam:
- Select the Marker, Sticky, or Shape tool.
- Click next to the current color palette.
- Click to create a new palette.
- Enter a name for the new palette.
- 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.
FigJam may lighten palette colors on stickies and highlights for better legibility and accessibility. This could result in different palette colors (such as black and dark gray) having the same variation for stickies (light gray). When this happens, FigJam will consolidate colors of the same variation into one, so it’s possible the number of colors you see in the color menu differs from the custom palette you created.
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.
- 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.
- Click the down arrow icon next to the team name and select View settings.
- Under the Shared section, click View team’s FigJam palettes.
- 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.
- Select the Marker, Sticky, or Shape tool.
- Click next to the current color palette.
- 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:
- Click from the Marker, Sticky, or Shape tool.
- Click in the custom palette picker.
- Click next to the palette you want to edit.
- 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:
- Select the Marker, Sticky, or Shape tool.
- Click next to the current color palette.
- Click in the custom palette picker.
- 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:
Selecting multiple objects with mixed colors and changing the color of the new selection will override any previously applied colors.
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:
- From the toolbar, click the chevron next to the shape icon.
- Select a color from the default color palette.
- 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
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.
When a shape's fill property is removed, the shape border is still shown. The border color of a shape cannot be modified independently of the shape's color.
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 new default color will be applied to all future connectors until the color is changed again.
Text colors within a sticky note, shape or connector cannot be modified.
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.
- Select the object you'd like to edit.
- Click the color picker and select the gradient option.
- Select the eyedropper tool.
- 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.
- Click to apply the sampled color to the selected object: