Colors Encyclopedia

Brand colors

Figma Brand Colors

Figma palette: #F24E1E, #FF7262, #A259FF, #1ABCFE. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Figma.

TechnologyBrand indexAPIDataset
Commonly referenced palette Figma
#F24E1E#FF7262#A259FF#1ABCFE#0ACF83
Listed without an implied color hierarchy

Palette

Palette color 1#F24E1ERGB 242, 78, 30
Palette color 2#FF7262RGB 255, 114, 98
Palette color 3#A259FFRGB 162, 89, 255
Palette color 4#1ABCFERGB 26, 188, 254
Palette color 5#0ACF83RGB 10, 207, 131

CSS Tokens

:root {
  --brand-figma-1: #F24E1E;
  --brand-figma-2: #FF7262;
  --brand-figma-3: #A259FF;
  --brand-figma-4: #1ABCFE;
  --brand-figma-5: #0ACF83;
}

Accessibility Snapshot

#F24E1EBlack 5.88:1 / White 3.57:1
#FF7262Black 7.84:1 / White 2.68:1
#A259FFBlack 5.41:1 / White 3.88:1
#1ABCFEBlack 9.67:1 / White 2.17:1
#0ACF83Black 10.27:1 / White 2.05:1

Brand palette context · Editorially reviewed

About Figma Brand Colors

Figma’s familiar mark brings several saturated colors into one compact vertical form, but the company’s newer visual language extends well beyond those five swatches. Figma describes an expanded system of bold primaries, neons, and muted earth tones, using adaptive schemes and tonal vibrancy instead of treating ownership of one color as the whole identity.

The logo palette remains useful for identifying the contrast between warm, cool, and neutral parts, while the wider brand system demonstrates how color roles can change by context. Figma’s trademark guidance allows truthful informational reference but prohibits modifying the marks, imitating the visual identity, or implying affiliation. Numeric palette data is therefore only one technical layer.

This independent reference does not distribute Figma artwork, imply affiliation, or replace Figma’s Brand Book and trademark guidelines.

Downloadable brand colors infographic

Figma Brand Colors Infographic

Save an independent infographic of the commonly referenced Figma HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Figma brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Figma brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Figma.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.2442
Black text5.88:1AA Pass
White text3.57:1AA Fail
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "figma",
  "name": "Figma",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/figma/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Figma."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#F24E1E",
    "rgb": [
      242,
      78,
      30
    ],
    "hsl": [
      14,
      89,
      53
    ],
    "cmyk": [
      0,
      68,
      88,
      5
    ],
    "luminance": 0.2442,
    "contrast": {
      "black": 5.88,
      "white": 3.57
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#FF7262",
    "rgb": [
      255,
      114,
      98
    ],
    "hsl": [
      6,
      100,
      69
    ],
    "cmyk": [
      0,
      55,
      62,
      0
    ],
    "luminance": 0.3418,
    "contrast": {
      "black": 7.84,
      "white": 2.68
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "name": "Palette color 3",
    "hex": "#A259FF",
    "rgb": [
      162,
      89,
      255
    ],
    "hsl": [
      266,
      100,
      67
    ],
    "cmyk": [
      36,
      65,
      0,
      0
    ],
    "luminance": 0.2205,
    "contrast": {
      "black": 5.41,
      "white": 3.88
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 4",
    "hex": "#1ABCFE",
    "rgb": [
      26,
      188,
      254
    ],
    "hsl": [
      197,
      99,
      55
    ],
    "cmyk": [
      90,
      26,
      0,
      0
    ],
    "luminance": 0.4334,
    "contrast": {
      "black": 9.67,
      "white": 2.17
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "name": "Palette color 5",
    "hex": "#0ACF83",
    "rgb": [
      10,
      207,
      131
    ],
    "hsl": [
      157,
      91,
      43
    ],
    "cmyk": [
      95,
      0,
      37,
      19
    ],
    "luminance": 0.4633,
    "contrast": {
      "black": 10.27,
      "white": 2.05
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "red brand palette",
    "purple brand palette",
    "blue brand palette",
    "green brand palette",
    "warm brand palette",
    "cool brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "Figma color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/figma.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-figma-1: #F24E1E;\n--brand-figma-2: #FF7262;\n--brand-figma-3: #A259FF;\n--brand-figma-4: #1ABCFE;\n--brand-figma-5: #0ACF83;"
}
Accessibility
[
  {
    "hex": "#F24E1E",
    "contrast": {
      "black": 5.88,
      "white": 3.57
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FF7262",
    "contrast": {
      "black": 7.84,
      "white": 2.68
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "hex": "#A259FF",
    "contrast": {
      "black": 5.41,
      "white": 3.88
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#1ABCFE",
    "contrast": {
      "black": 9.67,
      "white": 2.17
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "hex": "#0ACF83",
    "contrast": {
      "black": 10.27,
      "white": 2.05
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "figma",
  "name": "Figma",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Figma.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/figma/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/figma.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#F24E1E",
      "rgb": [
        242,
        78,
        30
      ],
      "hsl": [
        14,
        89,
        53
      ],
      "cmyk": [
        0,
        68,
        88,
        5
      ],
      "luminance": 0.2442,
      "contrast": {
        "black": 5.88,
        "white": 3.57
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#FF7262",
      "rgb": [
        255,
        114,
        98
      ],
      "hsl": [
        6,
        100,
        69
      ],
      "cmyk": [
        0,
        55,
        62,
        0
      ],
      "luminance": 0.3418,
      "contrast": {
        "black": 7.84,
        "white": 2.68
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      }
    },
    {
      "name": "Palette color 3",
      "hex": "#A259FF",
      "rgb": [
        162,
        89,
        255
      ],
      "hsl": [
        266,
        100,
        67
      ],
      "cmyk": [
        36,
        65,
        0,
        0
      ],
      "luminance": 0.2205,
      "contrast": {
        "black": 5.41,
        "white": 3.88
      },
      "wcag": {
        "AA": [
          "#000000"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 4",
      "hex": "#1ABCFE",
      "rgb": [
        26,
        188,
        254
      ],
      "hsl": [
        197,
        99,
        55
      ],
      "cmyk": [
        90,
        26,
        0,
        0
      ],
      "luminance": 0.4334,
      "contrast": {
        "black": 9.67,
        "white": 2.17
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    },
    {
      "name": "Palette color 5",
      "hex": "#0ACF83",
      "rgb": [
        10,
        207,
        131
      ],
      "hsl": [
        157,
        91,
        43
      ],
      "cmyk": [
        95,
        0,
        37,
        19
      ],
      "luminance": 0.4633,
      "contrast": {
        "black": 10.27,
        "white": 2.05
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    }
  ],
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "red brand palette",
    "purple brand palette",
    "blue brand palette",
    "green brand palette",
    "warm brand palette",
    "cool brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "Figma color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/figma.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Technology brand colorsBrowse all technology brand color references.Adobe brand colorsCompare another technology palette.Amazon brand colorsCompare another technology palette.AMD brand colorsCompare another technology palette.Anthropic brand colorsCompare another technology palette.Microsoft similar paletteOpen a palette with a nearby first-listed color value.Dunkin similar paletteOpen a palette with a nearby first-listed color value.Substack similar paletteOpen a palette with a nearby first-listed color value.Fire Opal colorOpen the nearest named color reference.Figma APIOpen the machine-readable brand color JSON.