Skip to main content

ColorPalettes

type ColorPalettes {
figJamBase: ColorPalette
figJamBaseLight: ColorPalette
}

There are currently two accessible properties on the colors object of type ColorPalettes: figJamBase and figJamBaseLight, both of type ColorPalette.

These are official FigJam colors that can be found on this Figma Learn webpage.

figJamBase:

  • Black #1E1E1E
  • Gray #B3B3B3
  • Red #F24822
  • Orange #FFA629
  • Yellow #FFCD29
  • Green #14AE5C
  • Blue #0D99FF
  • Violet #9747FF
  • White #FFFFFF

figJamBaseLight:

  • Dark Gray #757575
  • Light Gray #E6E6E6
  • Light Red #FFC7C2
  • Light Orange #FCD19C
  • Light Yellow #FFE8A3
  • Light Green #AFF4C6
  • Light Blue #BDE3FF
  • Light Violet #E4CCFF
Example of accessing colors on the palettes
const [color, setTextColor] = useSyncedState("theme", figma.constants.colors.figJamBase.gray)
const [colorOne, setColorOne] = useSyncedState("themeOne", figma.constants.colors.figJamBaseLight.lightRed)