How to create a color scheme.

Creating a high-quality color scheme is an essential part of design, art, and marketing. They influence how people view your brand, product, or art. But how can you create one yourself?

How to create a color scheme

In this guide, I'll share the step-by-step approach I've used to create color schemes throughout my design career. Here's an overview of the steps to expect.

Select your main color

The first thing to do when you create a color scheme is select your main color. This color is the foundation of your scheme.

In most cases, you can pick a favorite color or the color from your logo if you already have one.

Here's a pro tip. Make sure the color you pick reflects the overall mood or theme you want to create with your product. Consider the emotions and associations triggered by certain colors and choose accordingly.

For example, users can see red as the color of energy, love, and passion. At the same time, it is a risky color because it is also associated with danger, stopping in front of traffic lights, and errors in digital applications.

On the other end, blue is connected to calmness and trust. It is a safe choice because many people have blue as their favorite color. The downside of blue is that it is used a lot. That makes it harder to stand out.

An example

To help you better understand how to create a color scheme, I will create an example as we go through the steps.

Picking the main color can sometimes feel a bit random because of personal preferences or branding rules that are already in place. You can't go wrong here.

I'm going with a nice and soft shade of green here. Its hex value is #76D095.


Choose your accent colors

The next step is to pick your accent colors. It'll complete the main part of your color scheme.

In addition to your primary color, you only need one or two accent colors, depending on your needs. Don't go over two accent colors. It would make your color scheme too crowded.

Picking accent colors is a lot more challenging than picking the main color of your scheme. You have to start using color scheme structures. Here's a list of common structures that you can use.

An example

Let's continue with our example. We already have our green main color. I'm going to add accent colors now.

In this case, I'm using an analogous color scheme. As discussed, it is a bit of an in-between color scheme, making it a safe bet you can use for many use cases.

Looking at the color wheel, we could go from green to blue and from green to yellow. Yellow is hard to combine and use in design, so I'm going for blue as an accent color. Here's our new and updated color scheme.



Add shades of grey

Main and accent colors are useful for visual and interactive elements like buttons and mockups. You'll also need a greyscale for your color scale.

Using a greyscale for different text elements creates a clear visual hierarchy. This helps your users to scan your content quickly, which is good for increasing the conversion rate of your designs.

In most cases, you'll need a shade of grey for these text elements.

An example

For the next example, I'm going to follow two best practices that'll make our greyscale better.

Here's what we get if I apply these rules.






Next steps

And that's it! We have now created a complete color scheme. The main color, accent color(s), and greyscale should be enough to get you started.

You can add a few more colors if you need a more specific color scheme.

Nick Groeneveld

About the author

Nick Groeneveld


Hi! I'm Nick Groeneveld. As a senior designer, working with color theory has become my second nature. In recent years, I've helped companies improve their websites and apps by making better use of color theory.