Brand color palette: main, secondary, and accent color
Three roles in the palette: where the boundary lies
Confusion usually arises because designers name colors by function, not by shade. Red can be both main and accent — depending on what task it solves in a specific brand. For example, at Kontur, red is the main color, not an accent color: it appears in the logo, key interface elements, and printed materials.
| Role | What is included | Where applied |
|---|---|---|
| Main | Logo color, key brand color | Logo, website header, packaging, signage |
| Secondary | Neutral and supporting shades — often gray, white, dark | Backgrounds, text, secondary interface blocks |
| Accent | Contrasting bright color | Buttons, CTA, notifications, price highlighting |
The mistake I constantly see: accent colors are placed everywhere where one wants to 'liven up' a layout, and after six months they lose their impact — the eye gets used to them and no longer reacts. An accent works only when it is used sparingly.
How many colors a brand really needs
There are two approaches here, and both have the right to exist — the question is about the scale of the business.
- Minimalist approach (3-4 colors) — main, additional neutral, accent, sometimes a second neutral for shadows or background. Suitable for startups and small brands that need to achieve recognizability quickly without unnecessary visual overload.
- Extended palette (6-8 colors) — additional shades of the main color for different interface states, additional colors for product line segmentation. Large companies with multiple business directions do this.
More than 8-10 colors in the brand palette — almost always a sign that the brand couldn't agree with itself. Each new color blurs recognition rather than strengthening it. A study by the University of Maryland Loyola shows: a brand's signature color increases brand recognition by 80% — but this only works if there is one color and it is used consistently, not drowned among ten competing shades.
RGB, CMYK, HEX, Pantone — why all formats at once
Often asked: if there is a HEX code, why do we still need Pantone and CMYK? Because the same color physically appears differently on screen, in print, and on fabric, and without specification for each medium, the brand inevitably 'spreads' across shades.
| Format | Where used | Why you can't do without it |
|---|---|---|
| HEX | Web, interfaces, digital | Standard for CSS and most design tools |
| RGB | Screens, presentations, video | The basic color model for any display |
| CMYK | Print, printing | Screen and printer build color differently, RGB is distorted on paper |
| Pantone | Fabric, plastic, souvenirs, large format printing | The only way to guarantee the same color among different contractors and materials |
A telling example is Contur: red FE4C4C is used for the logo, while F03B36 is used for printing. This is not an error or a careless inconsistency, but a deliberate adjustment for contrast: what reads well on screen may appear paler or brighter when printed, depending on the paper. Without such dual specifications, the brand risks having business cards of one shade and the website of another.
Rule 60-30-10: theory versus how big brands do it
The classic formula 60-30-10 sounds beautiful, but in practice almost nobody follows it literally. The actual guidelines of major companies elaborate the proportions much more in detail — taking into account that instead of two or three colors, there are five or six in the palette.
| Brand | Proportions in the guideline |
|---|---|
| Selectel | Blue (primary) — 30%, white — 30%, red (accent) — 20%, black — 15%, gray — 5% |
| Green (accent) — no more than 40%, but never without the main blue adjacent | |
| Rostelecom | Orange is not more than 30% relative to violet, each additional color is not more than 10% |
The general principle that can be derived from all three examples: accent colors should never exceed 30% of the palette; if an accent takes up more space — as in Mail's green — it must be firmly bound to the main color and cannot be used independently. This is the practical application of 60-30-10: 60% is not literally one color, but the entire 'calm' background (white, gray, light shade of the main color), 30% is the main color or a combination of main + additional color, 10% is strictly the accent color, and no more.
Common mistakes when working with the palette
The theory about color psychology and types of palettes (monochromatic, analogous, complementary) sounds good on slides, but real problems brands encounter do not stem from incorrectly chosen shades, but rather from violations of discipline in usage.
- The accent is used as the main one. A bright color is applied to all buttons, all text, all icons — and it stops highlighting anything, because it highlights everything.
- The color is not checked on different surfaces. A shade that looks great on screen may fade on fabric or distort on glass and plastic — this is critical for brands with a large number of physical carriers.
- The main color matches that of the competitor. Before approving the palette, check whether the selected shade is already occupied by a key player in your niche — otherwise, recognizability will work for the competitor.
- There is no single specification for different environments. Without a Pantone code, a designer offshore, the print shop and the souvenir manufacturer print three different shades of the same 'brand' color.
- Additional colors multiply uncontrollably. Each new product or section gets its 'own' color, and in a couple of years the brand has fifteen shades instead of four or five coordinated ones.
How to check the palette before approval
Before closing the guideline, it is worth going through a short checklist — it is cheaper than redoing the brand style guide over the course of a year.
- There is a specification in all four formats — HEX, RGB, CMYK, Pantone — for each color of the palette.
- Exact proportions of usage are specified: what percentage is occupied by the main, and what percentage by the accent, whether there is a restriction such as 'accent no more than X% and not without the main color adjacent'.
- The color has been tested on real materials: screen, paper, fabric, plastic, glass — if the brand uses all these media.
- The main color does not match the key competitors in the niche.
- The total number of colors in the palette does not exceed 6-8 — if there are more, it's honest to ask yourself why.
A palette is not about the beauty of color combinations, but about the discipline of application. Beautifully selected colors without strict rules for usage fall apart in the very first year of the brand's existence, whereas a rigorous system of three to four colors with clear proportions works for decades.
| Role | What is included | Where applied |
|---|---|---|
| Main | Logo color, key brand color | Logo, website header, packaging, signage |
| Secondary | Neutral and supporting shades — often gray, white, dark | Backgrounds, text, secondary interface blocks |
| Accent | Contrasting bright color | Buttons, CTA, notifications, price highlighting |
The mistake I constantly see: accent colors are placed everywhere where one wants to 'liven up' a layout, and after six months they lose their impact — the eye gets used to them and no longer reacts. An accent works only when it is used sparingly.
How many colors a brand really needs
There are two approaches here, and both have the right to exist — the question is about the scale of the business.
- Minimalist approach (3-4 colors) — main, additional neutral, accent, sometimes a second neutral for shadows or background. Suitable for startups and small brands that need to achieve recognizability quickly without unnecessary visual overload.
- Extended palette (6-8 colors) — additional shades of the main color for different interface states, additional colors for product line segmentation. Large companies with multiple business directions do this.
More than 8-10 colors in the brand palette — almost always a sign that the brand couldn't agree with itself. Each new color blurs recognition rather than strengthening it. A study by the University of Maryland Loyola shows: a brand's signature color increases brand recognition by 80% — but this only works if there is one color and it is used consistently, not drowned among ten competing shades.
RGB, CMYK, HEX, Pantone — why all formats at once
Often asked: if there is a HEX code, why do we still need Pantone and CMYK? Because the same color physically appears differently on screen, in print, and on fabric, and without specification for each medium, the brand inevitably 'spreads' across shades.
| Format | Where used | Why you can't do without it |
|---|---|---|
| HEX | Web, interfaces, digital | Standard for CSS and most design tools |
| RGB | Screens, presentations, video | The basic color model for any display |
| CMYK | Print, printing | Screen and printer build color differently, RGB is distorted on paper |
| Pantone | Fabric, plastic, souvenirs, large format printing | The only way to guarantee the same color among different contractors and materials |
A telling example is Contur: red FE4C4C is used for the logo, while F03B36 is used for printing. This is not an error or a careless inconsistency, but a deliberate adjustment for contrast: what reads well on screen may appear paler or brighter when printed, depending on the paper. Without such dual specifications, the brand risks having business cards of one shade and the website of another.
Rule 60-30-10: theory versus how big brands do it
The classic formula 60-30-10 sounds beautiful, but in practice almost nobody follows it literally. The actual guidelines of major companies elaborate the proportions much more in detail — taking into account that instead of two or three colors, there are five or six in the palette.
| Brand | Proportions in the guideline |
|---|---|
| Selectel | Blue (primary) — 30%, white — 30%, red (accent) — 20%, black — 15%, gray — 5% |
| Green (accent) — no more than 40%, but never without the main blue adjacent | |
| Rostelecom | Orange is not more than 30% relative to violet, each additional color is not more than 10% |
The general principle that can be derived from all three examples: accent colors should never exceed 30% of the palette; if an accent takes up more space — as in Mail's green — it must be firmly bound to the main color and cannot be used independently. This is the practical application of 60-30-10: 60% is not literally one color, but the entire 'calm' background (white, gray, light shade of the main color), 30% is the main color or a combination of main + additional color, 10% is strictly the accent color, and no more.
Common mistakes when working with the palette
The theory about color psychology and types of palettes (monochromatic, analogous, complementary) sounds good on slides, but real problems brands encounter do not stem from incorrectly chosen shades, but rather from violations of discipline in usage.
- The accent is used as the main one. A bright color is applied to all buttons, all text, all icons — and it stops highlighting anything, because it highlights everything.
- The color is not checked on different surfaces. A shade that looks great on screen may fade on fabric or distort on glass and plastic — this is critical for brands with a large number of physical carriers.
- The main color matches that of the competitor. Before approving the palette, check whether the selected shade is already occupied by a key player in your niche — otherwise, recognizability will work for the competitor.
- There is no single specification for different environments. Without a Pantone code, a designer offshore, the print shop and the souvenir manufacturer print three different shades of the same 'brand' color.
- Additional colors multiply uncontrollably. Each new product or section gets its 'own' color, and in a couple of years the brand has fifteen shades instead of four or five coordinated ones.
How to check the palette before approval
Before closing the guideline, it is worth going through a short checklist — it is cheaper than redoing the brand style guide over the course of a year.
- There is a specification in all four formats — HEX, RGB, CMYK, Pantone — for each color of the palette.
- Exact proportions of usage are specified: what percentage is occupied by the main, and what percentage by the accent, whether there is a restriction such as 'accent no more than X% and not without the main color adjacent'.
- The color has been tested on real materials: screen, paper, fabric, plastic, glass — if the brand uses all these media.
- The main color does not match the key competitors in the niche.
- The total number of colors in the palette does not exceed 6-8 — if there are more, it's honest to ask yourself why.
A palette is not about the beauty of color combinations, but about the discipline of application. Beautifully selected colors without strict rules for usage fall apart in the very first year of the brand's existence, whereas a rigorous system of three to four colors with clear proportions works for decades.
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
