How Do You Make a Color Palette in Figma?

1. Home
2. How Do You Make a Color Palette in Figma?

Whether you’re designing a website, a mobile app, or anything else that will be seen on a screen, it’s important to have a cohesive color scheme. A color palette helps to ensure that your design looks unified and professional.It can also be a helpful tool for communicating your brand identity.

If you’re using Figma, there are a few different ways that you can create a color palette. In this article, we’ll show you how to make a color palette in Figma using the Color Palettes panel, the Swatches panel, and the Color Picker.

Creating a Color Palette Using the Color Palettes Panel

The first method we’ll show you is how to create a color palette using the Color Palettes panel. To do this, first make sure that the panel is open (you can find it under the “Window” menu). Then, click on the “+” icon in the top-right corner of the panel.

This will open up a menu where you can choose which colors to add to your palette. You can either add colors manually by clicking on the “+” icon next to each color swatch, or you can add colors automatically by clicking on the “Auto-add colors” button at the bottom of the menu.

If you choose to add colors automatically, Figma will scan your document for all of the colors that are being used and add them to your palette. This is a great way to quickly create a palette for an existing design. However, keep in mind that if you add too many colors automatically, your palette may end up looking cluttered.

Creating a Color Palette Using the Swatches Panel

Another way to create a color palette in Figma is by using the Swatches panel.

Creating a Color Palette Using the Color Picker

The final method we’ll show you for creating a color palette in Figma is by using the Color Picker tool. To do this, select any object in your design that has a fill color or stroke color. Then, click on the “Fill” or “Stroke” icon in the top-right corner of the properties panel (depending on which property you want to change).

< img src = "https://i .com / jx4Kvjl .png" > < br >< br />This will open up t he color picker tool . From here , y ou can either choose from one of t he preset c o lors or c reate y our own custom c o lor .Once y ou ' ve selected t he c olor y ou want , click on t he " + " i con i n t he b ottom - right c orner o f t he c olor p icker tool . T his w ill ad d y our c ho sen c olor t o t he " S watches " p anel f or f uture u se .