Design System for Sketch and Figma — www. visualsystem.co

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.

Wall paints, furnitures, accesories.

Color meaning

Scientists have studied the physiological effects of certain colors for centuries. Besides aesthetics, colors are the creators of emotions and associations. The meaning of colors can vary depending on culture and circumstances. That’s why you see black&white fashion stores. They want to appear elegant and sublimely.

Asos is pure black&white with green CTA. It’s made for a reason.

Red: Passion, Love, Danger

Passion, Love, Danger Blue: Calm, Responsible, Safe

Calm, Responsible, Safe Black: Mystery, Elegance, Evil

Mystery, Elegance, Evil White: Purity, Silence, Cleanliness

Purity, Silence, Cleanliness Green: New, Fresh, Nature

If you want more check this list — color culture.

Grayscale first

We like to play with colors and tones early in our designs but this behavior can betray you very quickly when you will realize that you’ve spent 3 hours adjusting primary color … It’s really tempting but you should learn to avoid this attitude.

Instead force yourself to focus on spacing and laying out elements. It will save you a lot of time. That sort of constraint is very productive. On the flips side, it doesn’t need to look boring. Try different tones if you want to make it good looking.