Home/Brand Colors/Figma
Design Software · Est. 2012

Figma Brand Colors

Figma's vibrant multi-color logo celebrates creativity and collaboration, with each quadrant representing a core tool in the design platform.

Figma Red#F24E1EFigma Purple#A259FFFigma Blue#1ABCFEFigma Green#0ACF83Figma Orange#FF7262

Figma Color Palette

ColorNameHexRGBCMYKPantoneUsage
Figma Red242,78,300,60,87,51665 CLogo top-left quadrant, Component icon
Figma Purple162,89,25536,65,0,02665 CLogo top-right quadrant, Prototype icon
Figma Blue26,188,25490,26,0,0299 CLogo center circle, Community icon
Figma Green10,207,13195,0,37,193395 CLogo bottom-left quadrant, Design icon
Figma Orange255,114,980,55,62,01775 CLogo bottom-right quadrant, FigJam icon

Figma Color Story

Figma's five-color logo is a masterclass in product identity as brand identity — each color maps to a specific product feature: red for components, purple for prototyping, blue for community, green for design, and orange for FigJam. The vibrant, saturated palette signals creativity and energy, perfectly representing a design tool that empowers creators. The interlinked teardrop shapes also symbolize the real-time collaborative nature of Figma.

Use Figma Colors in CSS

CSS Variables
:root {
  --figma-figma-red: #F24E1E;
  --figma-figma-purple: #A259FF;
  --figma-figma-blue: #1ABCFE;
  --figma-figma-green: #0ACF83;
  --figma-figma-orange: #FF7262;
}

Frequently Asked Questions

What are the Figma brand colors hex codes?▼

Figma uses five brand colors: Red (#F24E1E), Purple (#A259FF), Blue (#1ABCFE), Green (#0ACF83), and Orange (#FF7262). These form the iconic interlinked Figma logo.

What is Figma's primary brand color?▼

Figma does not have a single primary color — the brand identity is defined by all five logo colors together. The blue (#1ABCFE) is often considered the most central, as it forms the logo's middle circle.

What do the Figma colors represent?▼

Each Figma color maps to a product tool: Red (#F24E1E) for Components, Purple (#A259FF) for Prototyping, Blue (#1ABCFE) for Community, Green (#0ACF83) for the Design canvas, and Orange (#FF7262) for FigJam (whiteboarding).

← View all brand color palettes