How Do You Blend Colors in Figma?

Figma is a powerful design tool that allows users to create sophisticated designs and artwork with ease. One of the most powerful features of Figma is its ability to blend colors. Blending colors in Figma is a simple process that can help create stunning visual effects and make your designs stand out from the crowd.

To begin blending colors in Figma, you first need to select the two colors that you wish to blend. You can select two colors from any of the color palettes available in Figma, including Pantone, RGB, CMYK, HEX and HSB. Once you have selected two colors, you can then use the Blend Tool located in the toolbar at the top of the screen.

The Blend Tool has several options for blending colors. The simplest way to blend two colors is by using the “Average” option.

This will take both of your selected colors and blend them together by taking an average of each color’s hue, saturation and brightness (HSB). This will result in a single color that is an even mix between both of your original selections.

If you are looking for something more creative than just an average mix between two colors, Figma also offers several other options for blending. The “Multiply” option will darken both of your original selections by multiplying their values together.

The “Screen” option will lighten both of your selections by effectively subtracting their values from one another. And finally, there are also options available for blending two different gradients together.


Blending colors in Figma is relatively straightforward and easy to do thanks to its intuitive tools and user-friendly interface. With just a few clicks, you can quickly create stunning effects with any combination of two different colors or gradients. Using Figma’s Blend Tool is one of the simplest ways to add unique visual flair to your designs without any complicated processes or techniques required.