How to Choose Brand Colors
Brand colors are the fastest-acting part of an identity — people register them before they read a single word. Choosing them well is not about picking shades you like; it is about building a structured palette with clear roles, balanced proportions, and enough contrast to stay legible everywhere your brand appears.
This guide covers how to structure a palette, the proportion rule that keeps layouts balanced, how to handle accessibility, and how to read color associations without falling for pseudo-science. Color is one core pillar of a complete visual identity, working hand in hand with your brand fonts.
The Structure of a Brand Palette
A working palette is not a random set of colors — it is a small hierarchy where each color has a job. Most brands organize around three roles plus neutrals.
- Primary color. The one color most associated with the brand; it carries the identity and appears most often.
- Secondary colors. One or two supporting colors that add range without competing with the primary.
- Accent color. A reserved, higher-energy color used sparingly for calls to action, links, and highlights.
- Neutrals. Grays, off-whites, and a near-black for text, backgrounds, and breathing room. These do most of the everyday work.
A common mistake is treating all colors as equals. A palette without a hierarchy produces flat, directionless layouts where nothing draws the eye. Decide which color leads and which one is the rare highlight.
The 60-30-10 Rule
The classic tool for balancing a palette is the 60-30-10 rule, borrowed from interior design. The idea is to apply your colors in roughly these proportions across a layout:
| Proportion | Role | Typical use |
|---|---|---|
| 60% | Dominant color | Backgrounds and large areas — often a neutral |
| 30% | Secondary color | Supporting blocks, sections, and surfaces |
| 10% | Accent color | Buttons, links, and the one thing you want clicked |
The rule keeps the accent powerful precisely because it is scarce. If your accent is everywhere, it stops signaling “look here.” Most beginners overuse their boldest color; the fix is to demote it to that 10% and let neutrals carry the bulk.
Color Associations: Conventions, Not Magic
Colors carry meaning, but that meaning is cultural convention, not a hardwired law. It is fair to say that in many Western markets blue is conventionally read as trustworthy and is common in finance and tech, that green leans toward nature and health, and that red signals energy or urgency. These are useful starting points.
What they are not is a formula. The same color reads differently across cultures, contexts, and industries, and “color psychology” claims that promise specific emotional outcomes are not reliable science. Use associations as a sensible default, then let your positioning and category override them — a finance brand can absolutely succeed with an unconventional color if it owns the difference. Pull your initial direction from a mood board rather than from a chart of color meanings.
Contrast and Accessibility
A palette that looks good but cannot be read has failed. Text must have enough contrast against its background to be legible for everyone, including people with low vision. The widely used standard is WCAG contrast, which sets minimum ratios for text against its background — commonly cited as 4.5:1 for normal body text and 3:1 for large text.
Practical implications for a brand palette:
- Don’t rely on your primary brand color for body text if it fails contrast on white — keep a dark neutral for reading.
- Test every text-on-color combination you intend to ship, not just the pretty ones.
- Never use color alone to convey meaning (for example, error states) — pair it with text or an icon.
- Define accessible text colors for both light and dark backgrounds so the palette works in every context.
How to Build Your Palette: Step by Step
Here is a process that produces a structured, defensible palette rather than a mood-driven guess.
- Start from direction. Sample three to five recurring colors from your mood board as raw candidates.
- Choose one primary. Pick the single color that best expresses your positioning and could lead the brand.
- Add support. Select one or two secondaries that harmonize without fighting the primary.
- Pick one accent. Choose a higher-contrast color reserved for action.
- Build neutrals. Define an off-white, two or three grays, and a near-black for text.
- Test contrast. Check every text-on-background pair against accessibility minimums and adjust.
- Record exact values. Lock HEX, RGB, and CMYK for every color so they reproduce consistently.
Tints, Shades, and Functional Colors
A core palette of four to six colors is rarely enough to build real interfaces and layouts. You also need a working set of variations and functional colors, defined deliberately rather than improvised on the fly. Plan for these from the start so your system holds together in practice.
- Tints and shades. Lighter and darker versions of your primary and secondary colors, used for hover states, backgrounds, borders, and depth. Generate a small, consistent scale rather than eyeballing a new shade each time.
- Functional colors. Success, warning, and error states need their own dedicated colors. These are usually conventional — green for success, red for error — and should be distinct from your brand accent so a button is never confused with an alert.
- Background neutrals. Define separate values for page backgrounds, card surfaces, and dividers. Relying on a single gray for everything flattens a layout.
Defining these up front prevents the slow sprawl that happens when every new screen invents one more off-brand gray. The same discipline that produced your core palette should produce its supporting values.
Documenting Your Colors
A palette is only as consistent as its documentation. Every brand color needs exact values recorded so it reproduces the same on screen and in print: HEX and RGB for digital, CMYK for process print, and a Pantone reference where spot-color accuracy matters. Without these, “our blue” drifts a little every time a new file is made. These values live in your brand guidelines alongside usage rules and do’s and don’ts.
Frequently Asked Questions
How many colors should a brand have?
Most brands work well with one primary color, one or two secondaries, a single accent, and a set of neutrals — roughly four to six meaningful colors plus grays. More than that becomes hard to apply consistently. A tight palette with a clear hierarchy almost always outperforms a large, flat one.
What is the 60-30-10 rule for brand colors?
It is a proportion guide: use a dominant color for about 60% of a layout, a secondary for 30%, and an accent for the final 10%. Keeping the accent scarce is what makes it draw attention to buttons and links. It prevents your boldest color from overwhelming everything.
Do brand colors have psychological meanings?
Colors carry cultural associations — blue often reads as trustworthy, green as natural — but these are conventions, not guaranteed psychological effects. Meaning shifts across cultures and contexts. Treat associations as a starting point, then let your positioning and category guide the final choice rather than relying on color psychology claims.
How do I make sure my brand colors are accessible?
Check that text meets contrast minimums against its background — commonly 4.5:1 for body text and 3:1 for large text under WCAG. Keep a dark neutral for reading text, test every color combination you ship, and never rely on color alone to convey meaning like errors or status.
Should I include exact color values in my brand assets?
Yes. Record HEX and RGB for digital, CMYK for print, and a Pantone reference where spot-color accuracy matters. Exact values keep your colors consistent across screens, printers, and vendors. Store them in your brand guidelines so anyone producing materials uses the same definitions every time.
