Brand color palette: how to choose and justify
Why is a color palette even needed if you can just take your favorite color
A palette is not two or three 'beautiful' colors, but a system with clear roles: primary, secondary, accent, plus their variants for dark and light backgrounds. Without this system, each new mockup is put together by eye, and the brand starts to 'float' — one blue on the website, another on the presentation, a third on the packaging. Analysis of the top 100 global brands shows a pattern: 51% use one color or its shades, 30% use two colors, and only 19% go for three or more. Blue holds first place (reliability, trust), black and red share second, and violet is used by fewer than 5% companies — simply because it is harder to control simultaneously on screen and in print.
Color psychology is not a science, but a working hypothesis
Most articles present color psychology as a table of fixed values: blue — trust, green — growth, red — energy. In practice, this works only within a single cultural framework, and even then not always. White on the West is the color of purity and minimalism, in China and parts of East Asia — the color of mourning. Red in India symbolizes joy and celebration, in some African traditions associated with death. Even Pantone's annual color can divide audiences: the shade Mocha Mousse (2025) on the West was described as 'sophisticated and warm,' while in Russian media the same shade was called 'depressive' and 'dull.'
The bottom line is simple: color does not have a fixed meaning in and of itself. Its meaning is always born at the intersection of context, audience culture, and how the color is applied — form, adjacent shades, industry. Relying on 'green = ecology' alone in a brief is an oversimplification that will not withstand real audience testing.
How to apply the 60-30-10 rule not in theory, but in a mockup
The rule exists not for the sake of proportional beauty, but as a way to avoid visual noise. It assigns specific roles:
- 60% — dominant color, usually neutral or muted: website background, main presentation backdrop, packaging color. It should not tire the eyes during prolonged contact.
- 30% — secondary color: it sets the structure — navigation, subtitles, product cards, side panels. This is the 'skeleton' of the interface.
- 10% — accent color: 'Buy' buttons, links, important notifications, CTA icons. This color must be the most contrasting and vivid in the system — if the accent dissolves into the rest of the palette, it fails to perform its function.
A common mistake is making the accent the same color as the dominant one, just lighter. The accent must contrast in tone, not just brightness, otherwise the button on the website visually 'gets lost' and conversion drops for no obvious reason.
Why the color on the screen and on print are two different colors
RGB — an additive model: a screen mixes light from three channels. CMYK — a subtractive model: ink on paper absorbs light instead of emitting it. Because of this, the range of colors available in printing is physically narrower than on screen — especially bright neon shades like #FF00FF or #00FF00, which in CMYK become dull, 'dirty' versions of themselves. Up to 30% saturation is lost during automatic conversion, and software converters (built-in to Photoshop or Illustrator by default) only provide an approximate result — they must be manually double-checked against a reference.
Why is the Pantone system needed
Pantone is not 'just another palette,' but a benchmark language between designer and printer. The system contains 1867 base colors (taking into account new series — more than 2359), and each has a fixed recipe for mixing inks. When a brand guide refers not to an HEX code but to a Pantone number, any printer in any country can reproduce the color predictably, without 'it seems to me that it looks like this.' The RGB→Pantone→CMYK conversion works as follows: first, the closest Pantone standard to the digital color is selected, then the factory CMYK formula for it is taken, verified physically on real printing, not calculated by an algorithm. This is more reliable than direct RGB→CMYK auto-conversion.
Additional complexity is printer color profiles: ISO Coated v2 and FOGRA39 are intended for coated paper, FOGRA47 — for uncoated (more porous, absorbing more ink). The same Pantone code on different paper and with different profiles will give a visibly different result. Therefore, choosing a brand color should be coordinated with the printer at the palette approval stage, not after printing the first batch of business cards.
| Media | Color model | Risk |
|---|---|---|
| Website, app, social networks | RGB / HEX | Bright colors seem 'safe,' but have not been tested for printing |
| Printing on coated paper | CMYK, profile FOGRA39 / ISO Coated v2 | Loss of saturation up to 30%, especially with neon shades |
| Printing on uncoated paper | CMYK, profile FOGRA47 | The color appears darker and softer due to ink absorption |
| Promotional products, packaging, souvenirs | Pantone (standard) | Requires coordination of a specific number with the manufacturer |
How to check palette for availability and color blindness
Approximately 8% of men and 0,5% of women have some form of color vision deficiency—protanopia, deuteranopia, or tritanopia. This is not a rare exception but a statistically significant portion of almost any brand's audience. If the accent button and background differ only by shade of red-green, some users will simply not notice it.
The formal standard for verification is WCAG 2.1: text contrast to background must be at least 4.5:1 for regular text (AA level) and at least 7:1 for enhanced AAA level. These are specific measurable figures, not a recommendation like 'it looks contrasted enough by eye.' You can test your palette like this:
- Compile a color set (background, text, accent) in Adobe Color — it has built-in contrast calculation according to WCAG.
- Run the palette through a color blindness simulator (the same Adobe Color or separate plugins) for all three types of deficiencies.
- Check that key interface elements — buttons, links, form errors — are distinguishable not only by color but also by shape or label.
- Document in the brand book the numerical contrast values for each 'background-text' pair, not just HEX codes.
Common mistakes beginners make when assembling a palette
- They take a color directly from a competitor's HEX code or a random website, without checking in Pantone — the result is unpredictable in print.
- They choose a bright neon accent that in CMYK turns into a dull and 'muddy' color — you need to immediately see how the color behaves in both models.
- They build a palette only on color psychology, ignoring the cultural context of the audience and the industry of competitors.
- They violate the 60-30-10 proportions — make two or three colors equal in area, which causes the composition to 'argue with itself'.
- They do not check contrast according to WCAG and forget about users with color vision deficiency — accessibility is considered optional, although it is a direct percentage of the audience.
- They approve the palette before discussing with the printer, and then get a print color that is far from the mockup.
Working set of tools for assembling and checking
| Tool | What It Does |
|---|---|
| Coloors | Palette selection with the ability to 'lock' an already approved color and select the rest to match it |
| Paletton | Color wheel with automatic calculation of monochromatic, complementary, analogous, and triadic schemes |
| Adobe Color | Color blindness simulation and contrast checking according to WCAG standards |
| Project BBCG | A methodology for assembling a brand book with measurable palette parameters, not only references to Pantone numbers |
The correct sequence of work — first, to build a palette based on meaning and the 60-30-10 rule, then translate each color into a Pantone standard, coordinate the CMYK version with the printer for a specific printing profile, and only after that check the final system for contrast and color blindness. If this is done in reverse order — first approving the 'beautiful' look on screen, and leaving questions of printing and accessibility for later — it will be necessary to redo the brand book after launch, which is more expensive than spending an extra day on verification at the start.
Why is a color palette even needed if you can just take your favorite color
A palette is not two or three 'beautiful' colors, but a system with clear roles: primary, secondary, accent, plus their variants for dark and light backgrounds. Without this system, each new mockup is put together by eye, and the brand starts to 'float' — one blue on the website, another on the presentation, a third on the packaging. Analysis of the top 100 global brands shows a pattern: 51% use one color or its shades, 30% use two colors, and only 19% go for three or more. Blue holds first place (reliability, trust), black and red share second, and violet is used by fewer than 5% companies — simply because it is harder to control simultaneously on screen and in print.
Color psychology is not a science, but a working hypothesis
Most articles present color psychology as a table of fixed values: blue — trust, green — growth, red — energy. In practice, this works only within a single cultural framework, and even then not always. White on the West is the color of purity and minimalism, in China and parts of East Asia — the color of mourning. Red in India symbolizes joy and celebration, in some African traditions associated with death. Even Pantone's annual color can divide audiences: the shade Mocha Mousse (2025) on the West was described as 'sophisticated and warm,' while in Russian media the same shade was called 'depressive' and 'dull.'
The bottom line is simple: color does not have a fixed meaning in and of itself. Its meaning is always born at the intersection of context, audience culture, and how the color is applied — form, adjacent shades, industry. Relying on 'green = ecology' alone in a brief is an oversimplification that will not withstand real audience testing.
How to apply the 60-30-10 rule not in theory, but in a mockup
The rule exists not for the sake of proportional beauty, but as a way to avoid visual noise. It assigns specific roles:
- 60% — dominant color, usually neutral or muted: website background, main presentation backdrop, packaging color. It should not tire the eyes during prolonged contact.
- 30% — secondary color: it sets the structure — navigation, subtitles, product cards, side panels. This is the 'skeleton' of the interface.
- 10% — accent color: 'Buy' buttons, links, important notifications, CTA icons. This color must be the most contrasting and vivid in the system — if the accent dissolves into the rest of the palette, it fails to perform its function.
A common mistake is making the accent the same color as the dominant one, just lighter. The accent must contrast in tone, not just brightness, otherwise the button on the website visually 'gets lost' and conversion drops for no obvious reason.
Why the color on the screen and on print are two different colors
RGB — an additive model: a screen mixes light from three channels. CMYK — a subtractive model: ink on paper absorbs light instead of emitting it. Because of this, the range of colors available in printing is physically narrower than on screen — especially bright neon shades like #FF00FF or #00FF00, which in CMYK become dull, 'dirty' versions of themselves. Up to 30% saturation is lost during automatic conversion, and software converters (built-in to Photoshop or Illustrator by default) only provide an approximate result — they must be manually double-checked against a reference.
Why is the Pantone system needed
Pantone is not 'just another palette,' but a benchmark language between designer and printer. The system contains 1867 base colors (taking into account new series — more than 2359), and each has a fixed recipe for mixing inks. When a brand guide refers not to an HEX code but to a Pantone number, any printer in any country can reproduce the color predictably, without 'it seems to me that it looks like this.' The RGB→Pantone→CMYK conversion works as follows: first, the closest Pantone standard to the digital color is selected, then the factory CMYK formula for it is taken, verified physically on real printing, not calculated by an algorithm. This is more reliable than direct RGB→CMYK auto-conversion.
Additional complexity is printer color profiles: ISO Coated v2 and FOGRA39 are intended for coated paper, FOGRA47 — for uncoated (more porous, absorbing more ink). The same Pantone code on different paper and with different profiles will give a visibly different result. Therefore, choosing a brand color should be coordinated with the printer at the palette approval stage, not after printing the first batch of business cards.
| Media | Color model | Risk |
|---|---|---|
| Website, app, social networks | RGB / HEX | Bright colors seem 'safe,' but have not been tested for printing |
| Printing on coated paper | CMYK, profile FOGRA39 / ISO Coated v2 | Loss of saturation up to 30%, especially with neon shades |
| Printing on uncoated paper | CMYK, profile FOGRA47 | The color appears darker and softer due to ink absorption |
| Promotional products, packaging, souvenirs | Pantone (standard) | Requires coordination of a specific number with the manufacturer |
How to check palette for availability and color blindness
Approximately 8% of men and 0,5% of women have some form of color vision deficiency—protanopia, deuteranopia, or tritanopia. This is not a rare exception but a statistically significant portion of almost any brand's audience. If the accent button and background differ only by shade of red-green, some users will simply not notice it.
The formal standard for verification is WCAG 2.1: text contrast to background must be at least 4.5:1 for regular text (AA level) and at least 7:1 for enhanced AAA level. These are specific measurable figures, not a recommendation like 'it looks contrasted enough by eye.' You can test your palette like this:
- Compile a color set (background, text, accent) in Adobe Color — it has built-in contrast calculation according to WCAG.
- Run the palette through a color blindness simulator (the same Adobe Color or separate plugins) for all three types of deficiencies.
- Check that key interface elements — buttons, links, form errors — are distinguishable not only by color but also by shape or label.
- Document in the brand book the numerical contrast values for each 'background-text' pair, not just HEX codes.
Common mistakes beginners make when assembling a palette
- They take a color directly from a competitor's HEX code or a random website, without checking in Pantone — the result is unpredictable in print.
- They choose a bright neon accent that in CMYK turns into a dull and 'muddy' color — you need to immediately see how the color behaves in both models.
- They build a palette only on color psychology, ignoring the cultural context of the audience and the industry of competitors.
- They violate the 60-30-10 proportions — make two or three colors equal in area, which causes the composition to 'argue with itself'.
- They do not check contrast according to WCAG and forget about users with color vision deficiency — accessibility is considered optional, although it is a direct percentage of the audience.
- They approve the palette before discussing with the printer, and then get a print color that is far from the mockup.
Working set of tools for assembling and checking
| Tool | What It Does |
|---|---|
| Coloors | Palette selection with the ability to 'lock' an already approved color and select the rest to match it |
| Paletton | Color wheel with automatic calculation of monochromatic, complementary, analogous, and triadic schemes |
| Adobe Color | Color blindness simulation and contrast checking according to WCAG standards |
| Project BBCG | A methodology for assembling a brand book with measurable palette parameters, not only references to Pantone numbers |
The correct sequence of work — first, to build a palette based on meaning and the 60-30-10 rule, then translate each color into a Pantone standard, coordinate the CMYK version with the printer for a specific printing profile, and only after that check the final system for contrast and color blindness. If this is done in reverse order — first approving the 'beautiful' look on screen, and leaving questions of printing and accessibility for later — it will be necessary to redo the brand book after launch, which is more expensive than spending an extra day on verification at the start.
Recent articles
MegaFon, BMW, VTB and more 240+ companies. See how it looks in the showcase reel:
Our branding agency is approached to order:
Branding agency services
