Unlimited is here! Plus Membership just got even better Join Now
How to Use Color Harmony in Procreate
  • By Design Bundles
  • 13 Oct 2021
  • 6 Mins
  • Procreate Tutorials

How to Use Color Harmony in Procreate

In this tutorial we will show you how to use color harmony in Procreate.

Color Harmony is a simple but very effective tool in Procreate that helps you as an artist to quickly compose harmonious color palette schemes. This is a great way to create color palettes for each project that you take on. We have a full in-depth guide on creating and using color palettes in Procreate if needed. We have loads of Procreate Stamp brushes you can use to test out the modes in Color Harmony.

Please note: we are using the latest version of Procreate 5X. The features mentioned in this tutorial are not available for earlier versions of Procreate.

Working with Color Harmony

To start using Color Harmony, tap the circle color button at the top far right corner to open theColors panel. At the bottom of the Colors panel, you will see different options. Tap on Harmony. There are a few adjustments that you will make before you get started.

Where to find Color Harmony in Procreate

Hue, Saturation, and Brightness

When you first open Color Harmony, you need to set the brightness. Below the color wheel is the brightness slider. Adjust the slider to set the brightness of your color wheel.

With a brightness set, you will see the color wheel with all hues. In the center of the color wheel, you will have less saturation, and moving to the edges of the color wheel, the color will be more saturated.

Color Selectors

On the color wheel, you will see clear circles that you can drag around to set a color. The primary selector is the biggest circle, and the smaller ones are the secondary selectors.

How to use Color Harmony in Procreate

Set the Harmony Mode

Within Color Harmony, you have five additional modes that offer different ways of building a harmonious palette. Under the word “Colors,” you will see a different name based on the selected mode. By default, the mode is set to Complementary. To change the mode, tap on the mode name.

Select a Color Harmony Mode in Procreate

Below, we will show youeach mode and how the secondary colors lookwith our primary color, pink, using anabstract Procreate brush.


Complementary displays two selectors on opposite sides of the color wheel. One selector will always be on cooler hues and the other on warmer hues.

Split Complementary

Split Complementary has three selectors in the shape of a sharp triangle.It uses one base color and two secondary colors.

Complementary Modes in Procreate


Analogous uses three selectors selecting colors near each other from one area of the color wheel. Compared to Complementary, there is less contrast in the colors.


The three selectors are spaced evenly in a triangular shape across the color wheel.

Analogous and Triadic Modes in Procreate


There are four selectors spaced in a square formation. Each selector will be on opposite corners of the color wheel.

Tetradic Mode in Procreate

Selecting Colors

You can select a primary color by moving the selector on the color wheel, picking a color from your history, or selecting a swatch to get started. Once the primary color has been chosen, you can start using it. To switch to one of the secondary color selectors, tap on it. You can also use the Color Harmony tool and modes to build a color scheme palette.

Now that you know all options in the Color Harmony tool, you can use it to create and color your artwork with harmonious colors. If you liked this tutorial, make sure to check out our guides on how to draw people and how to draw a butterfly in Procreate.

6 Related Procreate Tutorials

You can create beautiful artwork with blended colors using the Smudge tool in Procreate. Make gradient color blends or add depth to your artwork using brushes made for blending. In this tutorial, I’ll show you different examples of blending brushes using this Procreate Blender Brush pack by Seamless Team....

In this tutorial we will show you how to recolor shapes and designs in Cricut Design Space. You will learn how to recolor objects using the color palettes from artwork on the canvas.This is a great tool to use when you want to stay within a single color palette ...

Affinity Designer features a Swatches panel for preloaded or custom color palettes. These palettes can contain solid or gradient fill swatches. Custom palettescan also be imported including ASE and AI file types. In this tutorial you will learn how to create, import and use color palettes in Affinity Designer.To ...

Have you ever heard of SVG fonts? Today, we’ll tell you a little bit about SVG fonts and how to use them in Illustrator. SVG fonts, also known as color fonts, are a fairly new kind of OpenType format. They can currently be used in applications such as Illustrator, ...

In this tutorial we are going to show you how to use the Color Picker Tool in Affinity Designer. The Color Picker tool allows you to sample colors from anywhere on your screen. The sampled colors are then stored in Affinity Designer’s swatches for easy access. This also helps ...

Advanced Color Settings in Silhouette Studio makes it easier to create custom colors. HEX or RGB codes are used for adding more colors to the color palette. This is useful for matching up colors in designs or test printing. In this tutorial you will learn how to use the Advanced ...

You may also like

Help Center
ol image