Loading...
Design Tools

Figma Brand Colors

Figma's logo uses five colors that blend where the shapes overlap, which is a neat trick — the logo explains how layers work by just existing. It's the kind of thing that makes more sense the longer you look at it.

Official Colors

#F24E1EFigma OrangeClick to copy
#FF7262Figma CoralClick to copy
#A259FFFigma PurpleClick to copy
#1ABCFEFigma BlueClick to copy
#0ACF83Figma GreenClick to copy

The Story Behind Figma's Colors

The Figma logo — five overlapping geometric shapes in five colors — is a deliberate homage to how layers work in a design tool. The orange-red (#F24E1E) and coral (#FF7262) blend when overlapped to produce the pink-red center, demonstrating color blending as a principle. Purple (#A259FF) and blue (#1ABCFE) blend to produce a mid-purple. Green (#0ACF83) stands on its own at the bottom, representing the foundation. It's a logo that explains the product just by existing.

Full Palette at a Glance

Click any swatch to copy the hex code

More Brand Colors

← Browse all brand color palettes