Web Design » Figma » How Do You Categorize Color Styles in Figma?

How Do You Categorize Color Styles in Figma?

Last updated on September 29, 2022 @ 12:20 am

There are four ways to categorize color styles in Figma:

1. Analogous

Analogous colors are those that are next to each other on the color wheel. They typically go well together because they share similar hues. For example, red, orange, and yellow are analogous colors.

2. Complementary

Complementary colors are those that are opposite each other on the color wheel. They can be used to create contrast and visual interest.

For example, blue and orange are complementary colors.

PRO TIP: When categorizing colors in Figma, be aware that there is no one “correct” way to do so. Some people prefer to categorize by hue, while others prefer to categorize by lightness or saturation. Still others choose to ignore color entirely and focus on other aspects of their design. Whatever method you choose, be consistent and logical in your approach so that others can easily understand and use your color system.

3. Triadic

Triadic colors are those that are evenly spaced around the color wheel. They can be used to create harmonious color schemes. For example, red, yellow, and blue are triadic colors.

4. Tetradic

Tetradic colors are those that form a rectangle on the color wheel. They can be used to create rich and complex color schemes. For example, red, yellow-orange, blue-green, and violet-blue are tetradic colors.

Conclusion

These are the four ways to categorize color styles in Figma.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.