How to use colors in UI Design

Design System for Sketch and Figma
Color is like everything else, it’s best used in moderation. You will tend to get better results if you stick to max three primary colors in your color scheme. Applying color to a design project has a lot to do with balance and the more colors you use, the more complicated it is to achieve balance.
Color does not add a pleasant quality to design — it reinforces it.
Pierre Bonnard
If you need additional colors beyond those you’ve defined in your palette, make use of shades and tints. They will provide a different tone to work with.
60–30–10 Rule
This interior design rule is a timeless decorating technique that can help you put a color scheme together easily. The 60% + 30% + 10% proportion is meant to give balance to the colors. This formula works because it creates a sense of balance and allows the eye to move comfortably from one focal point to the next. It’s also incredibly simple to use.
60% is your dominant hue, 30% is secondary color and 10% is for accent color.