How to build a brand's color palette

Short answer

A brand palette isn't just a single "brand color": it's made up of the primary color that identifies the brand, the secondary colors that support it, the functional colors that carry roles like warning and success, and a generous family of neutrals, and each one is defined consistently for both screen and print. The palette's starting point is the competitors' color map: it's by looking at this map that you decide whether the brand should match the category's familiar colors. Deliberately breaking a sector's color code is smart especially when there's a risk of being confused with a strong leading brand's color, or when a new brand has to grab attention; but if the category's color carries trust and familiarity, breaking the code can backfire.

Palette layers

In GT-01, we saw the steps from a blank page to a palette: the brief, the mood board, value distribution, the anchor color, and neutrals. A brand palette is built on the same logic, but it has to carry much more work: a logo, a website, a mobile app, packaging, signage, presentations, social media graphics, and new products that will be added over the years.

That's why brand palettes are usually built in layers.

The primary color is the brand's signature. It's usually one color, sometimes two. Secondary colors complement the primary color and help distinguish different product lines, sub-brands, or content types. Neutrals — whites, grays, beiges, and near-blacks — cover most of a brand's visible area; in DT-12's proportions, the dominant color is most often a neutral, while the primary color works as the accent.

As digital products became widespread, one more layer gained importance: functional colors. An error in a form, a successful payment, a warning, or an info box needs to be understandable independently of the brand's primary color.

Functional colors can clash with the primary color. If a brand whose primary color is red also shows error messages in red, users may mistake every brand element for a warning. In that case, either the error color is shifted to a different red — darker or more orange, for example — or error messages are backed up with an icon and text in addition to color. The use of semantic colors in interfaces is the subject of UX-02.

The competitive color map

A palette's first question shouldn't be "which color is pretty?" but "how are colors distributed in this category?" The way to see this is to build a competitive color map: gather the primary colors of the major brands in the category and place them on a color wheel or a lightness–hue plane.

These maps often give a surprising picture: in some categories, most brands cluster in the same color family. Banking and financial services lean toward blue in many countries, organic and natural products toward green, fast food toward warm red and yellow. The established color codes of categories and the reasons behind them are the subject of PZ-04. The question here is how this map turns into a palette decision.

Lauren Labrecque and George Milne examined this question with numbers in 2013. Using data from 281 leading brands, they calculated color homogeneity scores for 15 product categories and 40 subcategories — that is, they measured how similar in color the brands within a category were to each other — then compared these scores with measures of the brands' value.

When should you break the code?

The question on the lesson card is the practical counterpart of this finding: when is it smart to deliberately break a sector's color code?

The payoff of breaking the code is clear: on a shelf crowded with blue, the one orange brand is the one the eye finds first. The visual search principle we saw in GT-03 also applies to the shelf, web search, and the app store. A new brand can only step out of the established leaders' shadow this way. Breaking the code also carries a message: "we're different from this category's usual players."

The bright coral bank cards of Monzo, a digital bank founded in the United Kingdom, are a frequently cited example of this. Among banks' usual navy, gray, and metallic cards, this card stood out immediately in a wallet or at checkout. WIRED UK told this card's story in 2018 as a choice that arose almost by accident rather than from a deliberate strategy, and later turned into the brand's icon. This is also a reminder that breaking the code is sometimes not a plan, but noticing an opportunity.

But breaking the code also has a cost. The category color communicates trust and familiarity to the customer; an organic product says "natural" with green, a medicine says "clean and trustworthy" with white and blue. Breaking these codes can make it harder to understand what the product is. Labrecque and Milne's finding shows that conforming can be beneficial especially in categories with a strong leader and where the customer thinks hard before buying.

This raises four questions. Is there a strong leader in the category, and how great is the risk of being confused with it? Does the category color carry a critical message like safety, health, or naturalness to the customer? Is the brand new and does it have to grab attention, or is it protecting an established trust? And does breaking the code fit with what the brand wants to say? The answers to these questions can say "conform" for one brand and "break" for another; there's no single measured right answer.

There's also a middle path: staying within the category's color family but choosing an empty corner of that family. If everyone in a blue category uses a medium, saturated blue, a very dark navy or a blue leaning toward cyan looks like it belongs to the category while still standing apart.

Color and personality: a careful reading

A study often cited in brand palette discussions is Labrecque and Milne's 2012 four-experiment research. The authors proposed a framework matching hues to brand personality dimensions — red associated with excitement, blue with competence, for example. They also showed that saturation and lightness strengthen these personality traits, and that color can change a brand's perceived personality and purchase intent.

These findings are useful, but PS-01 and PS-02's warnings apply here too: the relationships between color and personality are average-level, can vary by culture, and don't determine a brand decision on their own. The limits of "color = personality" charts are discussed further in PZ-01. In a palette decision, personality is a factor weighed together with the competitive map and the category norm.

The same color on screen and on paper

A brand color isn't just a hex code. The same color needs to look consistent on screen, in offset printing, on a sign, on a T-shirt, and on packaging, and each of these media produces color differently. Every medium has a limit to the colors it can produce — a gamut — and EK-04 compares these limits; a screen's bright cyan or a neon coral may not be reproducible exactly in four-color printing.

That's why a good brand guide gives more than one definition for each color: a hex code and RGB values for screen, CMYK values for four-color printing, a spot color code from commercial color swatch books for critical jobs, and separate values for paint or textile if needed. These values aren't automatic conversions of each other; they're equivalents chosen by testing in each medium.

A practical rule is to start from the weakest medium when choosing the primary color. If the brand will appear most often in a newspaper ad or on cheap paper, it's safer to choose a color that looks good there and then determine its screen equivalent. The reverse — choosing a color that glows on screen and settling for a faded equivalent in print — makes the brand look like it has two faces. The details of color management in printing are the subject of EK-08.

The palette's growth

The lesson card's goal speaks of a "scalable" palette. A brand might find five colors enough on day one, but two years later, a new product line, a dark theme, an event identity, and dozens of data charts demand more than those five colors. A scalable palette anticipates this growth from the start.

The way to do this is to define every main color not as a single point but as a family: several light and several dark steps of the primary color are prepared from the start, using the tonal family logic we saw in DT-07. When a new need arises, a new color isn't invented; a step is chosen from the existing families. How these steps are named and managed in software is the subject of UX-01. What matters here is the principle: the palette is built to carry tomorrow's work, not just today's.

Step by step

The first step is to build the category's competitive color map. The second step is to decide, by looking at the map and using the four questions above, whether to conform, break, or choose the family's empty corner. The third step is to choose the primary color and one or two secondary colors; the fourth step is to build a generous family of neutrals. The fifth step is to define the functional colors so they don't clash with the primary color. The sixth step is to define every color for screen, print, and material, and test it in the weakest medium. The seventh step is to test the palette with real content — that is, with text, photos, and human faces.

Example — a palette that works with photos of people

A skincare brand chooses a warm coral close to terracotta as its primary color, to give a warm and intimate feeling. Its campaigns will use close-up photos of people with different skin tones.

The seventh step — testing the palette with real content — surfaces a critical problem here. The chosen coral, in hue, sits very close to the orange slice where human skin tones cluster. When large coral areas are used right next to the photos, some skin tones blend into this background, while others look paler by comparison. Simultaneous contrast, where a neighboring color pushes skin toward its opposite — the subject of BI-14 — shows this effect in a different direction and with different strength for every skin tone.

The team's solution is to make use of the palette's layers. Coral stays in the logo, headlines, and small accents; a warm cream and a deep chocolate brown from the neutral family are placed right behind the photos instead. Then every campaign image is lined up with faces of different skin tones and checked both in grayscale and in color. The palette is approved only once it works with equal confidence at both ends of the skin tone range. This isn't a color rule — it's a testing step that reminds you who the palette is built for.

Common misconception

Summary

1. A brand palette is made up of primary, secondary, functional, and neutral color layers, and each color is defined separately for screen, print, and material and tested in the weakest medium.
2. The palette's starting point is the competitive color map; research shows that color differentiation can be beneficial in some categories and harmful in others, especially when there's a strong leader and high involvement.
3. Breaking the code can be smart for brands that have to grab attention and that carry a risk of being confused with others; but the palette must always be tested with real content, with photos of people, and with different skin tones.

Test yourself

1. (Easy) What are a brand palette's four layers?
2. (Easy) What does a competitive color map show?
3. (Medium) When is it smart to deliberately break a sector's color code?
4. (Medium) What can be done about error messages for a brand whose primary color is red?
5. (Hard) What did Labrecque and Milne's 2013 study find about color differentiation, and how does this translate into a palette decision?
6. (Hard) Why did the skincare brand's warm coral palette cause a problem with photos of people, and how was it solved?

Answers

1. Primary color, secondary colors, functional colors, and neutrals ("Palette layers").
2. The distribution of the primary colors of brands in a category along axes like hue and lightness; crowded and empty color zones ("The competitive color map").
3. Breaking the code can be smart if the brand is new and has to grab attention, if there's a risk of being confused with a strong leader, and if the category color doesn't carry a critical message like safety or health; conforming can be safer in situations with a strong leader, high involvement, and a category color that carries trust. A middle path is to choose an empty corner of the category's color family ("When should you break the code?").
4. The error color can be shifted to a darker or more orange tone that's distinct from the brand's red, or error messages can be backed up with an icon and text in addition to color ("Palette layers").
5. Using data from 281 brands, they measured categories' color homogeneity and compared it with brand value; differentiation was beneficial in some categories and harmful in others, and conforming to the norm could be beneficial in high-involvement categories with a strong leader. This shows that differentiation isn't a universal rule but a decision made according to the category ("The competitive color map", "When should you break the code?").
6. Coral, in hue, was close to the orange slice where human skin tones cluster; large coral areas next to the photos blended some skin tones into the background and made others look pale. Coral was kept to the logo and small accents, neutral cream and brown were placed behind the photos, and every image was tested with different skin tones ("Example — a palette that works with photos of people").

Sources

• Labrecque, L. I., and Milne, G. R., "To be or not to be different: exploration of norms and benefits of color differentiation in the marketplace," Marketing Letters 24(2): 165–176, 2013.
• Labrecque, L. I., and Milne, G. R., "Exciting red and competent blue: the importance of color in marketing," Journal of the Academy of Marketing Science 40(5): 711–727, 2012.
• WIRED UK, "The inside story of Monzo's fluky bright coral bank cards," 2018.

Next step

GT-05 brings the brand palette down to the shelf: it covers how color codes flavors and product variants on packaging, how the same color looks different on cardboard, metal, and plastic surfaces, and how store lighting changes packaging colors. GT-06 moves on to design read from a distance: it covers the difference between a billboard and a social media feed, the role of high contrast, examples from the Hungarian poster tradition and the Swiss style, and the risks colors face moving from screen to print.