Brand Color Palette: A Step-by-Step Method to Choose Yours
Build your brand color palette with a method: define the feeling, pick a primary and accents, apply the 60-30-10 rule, check contrast and document codes.
A well-chosen color palette makes your brand recognizable before anyone reads its name. In this guide you'll choose yours with a method, not a hunch: from the feeling you want to create to the exact codes for screen and print.
Color usually gets decided by taste: "I just love purple." Taste isn't off limits, but it isn't enough. A palette has to set you apart from your competitors, hold up on a sign in full sun and on a phone screen at night, and let your text be read without effort.
By the end you'll have a small palette with a clear hierarchy, tested for contrast and documented so anyone can apply it the same way.
Before you start: what you need
- Your brand brief: what you do, who you do it for and what feeling you want to create. If your name isn't settled yet, sort that out first with our guide to naming.
- Screenshots of your direct competitors: logos, websites, packaging and social media.
- A design tool where you can try out colors: Canva, Figma or whatever you use.
- A free contrast checker, like the one from WebAIM.
- Access to a printer or print shop for the final proof.
The step-by-step method
1. Define three feelings, not three colors
Start with words. Write down three feelings your brand should create: for example "fresh, trustworthy, cheerful" or "understated, warm, handcrafted." Then write down one feeling it should avoid.
Next, for each word, gather images that capture it: textures, landscapes, objects, materials. Don't look for logos; look for atmospheres. A feeling like "warm" can come from fired clay, pale wood or the light at six in the evening.
Color associations exist, but they aren't laws. Blue is often linked to calm or seriousness and red to energy or appetite, but those readings change with culture, industry and the colors around them. Treat them as a clue, not a rule.
Example: picture a physical therapy clinic in Monterrey that wants to feel "active, trustworthy and human." A board with images of moving water, sportswear and natural wood already points in a far more precise direction than "blue, because it's healthcare."
Common mistake: choosing colors by textbook meaning ("green means nature") without looking at what your competitors do. If everyone in your industry uses that green, you disappear among them.
2. Map your competitors
Put the main colors of your direct competitors on a single page. Patterns jump out fast: every accounting firm in navy blue, every ice cream shop in pink and yellow.
Now decide on purpose:
- Stand apart: choose a color family nobody in your industry uses, so you stand out on a shelf or in a feed.
- Belong, with a twist: use the color code your industry expects, but with a shade of your own or an unexpected accent.
Both options work. What doesn't work is landing on the same shade as the market leader by accident.
Common mistake: only looking at famous global competitors. What matters is what your customer sees next to you: the businesses in your city and the ones that show up beside you on Google Maps or on the same shelf.
3. Choose your primary color
Your primary color is the one people will associate with your brand. Choose it by crossing the feelings from step 1 with the map from step 2.
Test it like this:
- Use it as the background of a card and as text on white. It should work in at least one of those two roles.
- Picture it in your most important application: a sign, a bag, a uniform, your website's screen.
- Adjust hue, saturation and lightness. The same "green" can be mint, forest, olive or emerald, and each one says something different.
Why it matters: a clear, consistent primary color is what lets someone recognize your post in a feed before they read who posted it.
Common mistake: picking a very saturated, bright primary without testing it on large surfaces. On a button it looks cheerful; on an entire wall it can wear you out.
4. Complete the palette: accents and neutrals
A working palette has three layers:
- Primary: one, sometimes two colors that identify the brand.
- Accents: one or two colors that contrast with the primary and are used sparingly to grab attention: a button, a sale tag, a packaging detail.
- Neutrals: off-whites, grays, beiges or a near-black for backgrounds and text. They're the colors you use most and notice least.
To find accents that harmonize, the color wheel helps: opposite colors (complementary) create strong contrast; neighboring colors (analogous) create calm. Tools like Adobe Color let you explore these combinations starting from your primary color.
Example: a coffee brand with a deep teal primary could use a coral accent for buttons and promotions, plus neutrals like light sand and a warm charcoal for text. Four or five colors, each with a job.
Common mistake: picking the neutrals last and in a rush. Pure white and pure black can feel cold; a slightly warm white and a softened black make everything look more considered.
5. Set proportions with the 60-30-10 rule
A palette isn't just a list of colors, it's a recipe with quantities. A classic reference from interior and graphic design is the 60-30-10 rule:
- 60% for the dominant color, usually a neutral or a soft shade.
- 30% for the secondary color, often your main brand color.
- 10% for the accent.
It's not an exact law, it's a guide that keeps the accent strong. If coral shows up everywhere, it stops catching the eye.
In practice: in an Instagram post, the sand background fills almost everything, the deep teal appears in the headline and a coral badge flags the promotion. The eye goes straight to the coral because it's scarce.
Common mistake: spreading every color in equal parts. The result looks like confetti and nothing stands out.
6. Test contrast and accessibility
A beautiful palette nobody can read is a failed palette. The W3C's Web Content Accessibility Guidelines (WCAG) call for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text, which they define as text at least 18 point, or 14 point bold.
How to do it:
- List the combinations you'll actually use: dark text on a light background, white text on your primary color, text on the accent.
- Measure each one in a contrast checker.
- Mark which ones pass for normal text, which only pass for large headings and which fail.
- Document only the approved combinations.
Why it matters: your customers read your menu in dim light, your website under the beach sun and your stories with the screen brightness turned down. And good contrast is part of designing for people with low vision.
Common mistake: putting white text on yellow, light green or pastels. It looks fresh on the designer's monitor and nearly vanishes on a phone.
7. Convert the palette into codes for screen and print
Each color needs its own codes depending on where it's used:
- HEX for your website and digital tools, for example #1F5F5B.
- RGB for screens and video.
- CMYK for standard printing.
- Pantone when the exact shade is critical, as with packaging, screen printing or uniforms.
Screens mix light and printers mix ink, so some bright screen colors are out of reach for ink. That's why you don't copy CMYK from the screen: you adjust it with a printed proof. Print a sheet with your colors on the paper you'll use most and compare it to the screen in natural light.
Common mistake: approving the color on screen and discovering the problem when a thousand flyers arrive in a different shade.
8. Apply the palette to real pieces
Before you sign off, design five or six real pieces with your palette: a post, a story, your website's homepage, a business card, a package or label, and a sign. Put them side by side and ask yourself:
- Is the brand recognizable even with the logo covered?
- Does the accent guide the eye to what matters?
- Is the text easy to read?
- Does it look different from the competitors I mapped?
If you cover the logo and people still know it's you, your palette is doing its job.
Example: picture a small-batch salsa brand in Puebla that applies its palette to the jar, the shipping box and its Instagram profile. If all three look like family even without the logo, the palette is ready.
Common mistake: approving the palette on a swatch sheet alone. Colors behave differently once they live alongside photos, text and real materials.
Final checklist for your color palette
- I started from written feelings, not favorite colors.
- I mapped my direct competitors' colors and decided on purpose.
- I have a primary, one or two accents and defined neutrals.
- Every color has a role and an approximate proportion.
- I measured the contrast of every text and background combination.
- Every color has HEX, RGB and CMYK, plus Pantone if I need it.
- I ran a printed proof and adjusted the CMYK.
- The palette works on real pieces and is recognizable without the logo.
Once you have it, document it in your step-by-step brand guidelines along with your logo and typography.
Frequent mistakes when choosing brand colors
- Too many colors. If nobody remembers the palette, nobody applies it the same way.
- Chasing the color of the year. A trendy shade can age your brand fast.
- Ignoring contrast. Text nobody can read is a message that never arrives.
- Not documenting codes. Without codes, every vendor interprets the color their own way.
Color is just one piece of the system
With this method you can build a solid palette on your own. If you want color working together with logo, typography and voice in a complete identity, at BDB, our agency in Cancún, we develop it through our branding service and bring it to the screen with custom-coded websites.
Frequently asked questions
How many colors should a brand palette have?
There's no official number, but a manageable palette usually has one or two primary colors, one or two accents and a few neutrals for backgrounds and text. If your team can't remember the palette without opening the brand guide, it probably has too many colors.
Do colors have a fixed meaning?
No. Color associations shift with culture, industry and context, and the same green can feel natural for one brand and clinical for another. Use them as a starting point, and always check them against your own audience and what your competitors are doing.
How much contrast do I need for text to be easy to read?
The W3C's WCAG accessibility guidelines call for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. You can measure it with a free contrast checker before you approve any text and background combination.
Why does my color look different in print than on screen?
Because screens mix light (RGB) and printers mix ink (CMYK), and some screen colors are simply out of reach for ink. That's why you should set your print code from a physical proof instead of just copying the screen code.
