The colour wheel is a great teacher. It’s also why half the internet looks like a dentist’s waiting room. This guide shows you how to pick brand colours that actually make people feel something, with hand-built palettes and hex codes you can steal today. If you are building the whole identity, pair this with my guide to graphic design trends for 2027.
Watch: how colourists actually pick colour palettes (3 minutes)
Why does every brand palette look the same? Because everyone starts with the colour wheel. In this 3-minute video, a colourist builds a full brand palette from scratch in six steps for UI and graphic design. The rest of this guide expands on the same process, with hex codes you can steal.
How to pick brand colours: the quick answer
How do you pick colours for your brand like a pro? Start with a feeling, not a formula. Decide what you want people to feel, then pull colours from real life, culture, mood or texture that carry that feeling. Keep 3 to 5 core colours, break one rule on purpose, and test everything for contrast before you ship.
In short, here is how to pick brand colours:
- Pick the feeling first. Calm? Chaos? Midnight snack energy?
- Steal colours from the real world, not from a generator.
- Break one rule on purpose, like flipping the 60-30-10 split.
- Add one colour that doesn’t belong. That’s your hook.
- Test contrast in the real layout, on a real phone.
Why is colour more about feeling than theory?
Before you learn how to pick brand colours, learn what they do to people. Colour hits the gut before the brain. People feel your brand before they read a single word of it. For example, red makes the heart race. Meanwhile, deep blue calms it down. Neon green says “something is happening here, and it may or may not be legal.”
That’s why colour is personality. It’s the outfit your brand wears to the party. Pick it like you’d pick clothes for a first date, not like you’re filling a tax form.
Colour theory still matters. Learn it, then stop letting it drive. In other words, it’s the learner’s licence, not the destination.
A quick word on palette generators. Skip them. Instead, they average everything into safe, pleasant, forgettable mush. A generator is that friend who says “anything works for me” and then orders beige. Every palette in this guide was built by hand, from real things and real feelings.
8 ways to break colour theory (and get away with it)
Here is how to pick brand colours when the rules stop helping. The best palettes come from breaking rules on purpose. So here are eight ways to do it, each with a palette you can use today.
1. Pull colours from real life, not the colour wheel
Real life has better taste than any wheel. Photograph something ordinary but unexpected: a rusty auto-rickshaw, a street food stall at night, a faded old film poster. Then pick your palette straight from that photo. You get combinations no rule would suggest, and they feel lived-in and one of a kind.
Palette: Mumbai auto-rickshaw at dusk
| Colour | Hex | Job |
|---|---|---|
| Rickshaw Yellow | #F2C230 | Hero colour, buttons |
| Hood Black | #1E1E1C | Text, headlines |
| Rust Green | #4F6B4A | Secondary panels |
| Tail-light Red | #C8322B | Alerts, one CTA |
| Dusty Road | #C9B79C | Backgrounds |
2. Break the 60-30-10 rule on purpose
Most advice on how to pick brand colours stops at this rule. The classic rule says 60% dominant colour, 30% secondary, 10% accent. Flip it. So make your loudest colour the background and shrink the calm one into a tiny accent. A hot pink canvas with a dot of muted olive stops thumbs on a feed. Meanwhile, the safe version just gets scrolled past.
Palette: Pink takeover
| Colour | Hex | Share |
|---|---|---|
| Hot Pink | #FF4FA3 | 60%, the background |
| Warm Paper | #FFF4EC | 30%, text and cards |
| Muted Olive | #707A4B | 10%, the quiet accent |
3. Pair colours by mood, not by position on the wheel
Pick a feeling first. Nostalgia. Chaos. A 3 a.m. sleepless night. Then choose colours that match it, even if they clash on paper. In short, a clash that tells a story beats a match that says nothing.
Palette: 3 a.m. and still scrolling
| Colour | Hex | Feeling |
|---|---|---|
| Deep Indigo | #1C1A4A | The dark room |
| Fluoro Green | #B6F23A | The weird thought |
| Phone-glow Orange | #FF9E4A | The screen you should put down |
| Blanket Grey | #3B3A48 | The guilt |
4. Use one wrong colour
This is the sneakiest trick in how to pick brand colours. Build a palette that’s almost perfectly harmonious. Then drop in one colour that doesn’t belong. In fact, that misfit becomes the hook the eye keeps returning to. It’s perfect for buttons and CTAs in UI, because people click on what looks different.
Palette: Soft with a jolt
| Colour | Hex | Role |
|---|---|---|
| Blush | #F6D3D8 | Background |
| Cream | #FBF1E3 | Cards |
| Petal | #EAB6C1 | Secondary |
| Acid Yellow-Green | #C7F000 | The misfit, your CTA |
5. Borrow palettes from other cultures and eras
Get off Pinterest. Instead, look at Rajasthani miniature paintings, Japanese woodblock prints, Soviet-era posters, 90s Indian matchbox labels or Mexican folk art. Of course, each has its own colour logic. It feels fresh in modern UI because almost nobody is using it.
Palette: 90s Indian matchbox label
| Colour | Hex | Role |
|---|---|---|
| Matchbox Red | #C1272D | Hero |
| Saffron | #F29F05 | Highlight |
| Ink Blue | #1D3F8F | Text, headers |
| Newsprint | #EFE6D2 | Background |
| Leaf Green | #3C8D2F | Small accent |
6. Desaturate everything except one colour
This one teaches you how to pick brand colours with restraint. Make the whole palette greys, muddy browns or washed-out tones. Then keep just one colour at full saturation. It’s very cinematic. On a busy feed, that single vivid colour works like a spotlight on a dark stage.
Palette: Concrete and one spark
| Colour | Hex | Role |
|---|---|---|
| Charcoal | #2F2D2B | Text |
| Mud | #6B5E52 | Secondary |
| Concrete | #8A8783 | Borders, icons |
| Fog | #C9C6C0 | Background |
| Electric Blue | #0047FF | The only loud thing |
7. Let randomness pick for you (no generators allowed)
Randomness is great. Generators, however, are not. Do it by hand instead:
- Pause a random film on its 3rd, 5th and 9th minute, and pick one colour from each frame.
- Open your camera roll, close your eyes and tap. Build a palette from whatever you land on.
- Pick three objects on your desk right now. That’s your brief.
Then force yourself to make it work. After all, constraints push you into combinations your taste would never choose alone. That’s usually where the magic is.
8. Use temperature clashes
Safe palettes stay all warm or all cool. Mix an icy cool colour with a burning warm one at similar brightness. As a result, they vibrate against each other. It feels bold and energetic, which is why it works so well for Gen Z social posts.
Palette: Glacier meets tandoor
| Colour | Hex | Role |
|---|---|---|
| Glacier Blue | #4FB3E8 | Cool hero |
| Tandoori Orange | #F2702E | Warm hero |
| Night Ink | #141414 | Text |
| Chai Cream | #FFF6EA | Background |
How to pick brand colours around texture
Texture changes everything about how to pick brand colours. Pick the texture first, then the colours that live on it. The same colour changes personality with its surface. For example, flat red looks digital. Red on grainy paper looks vintage. Red on velvet looks like it has a lawyer.
So don’t pick colour alone. Instead, pick colour plus surface, as a pair. Start with a texture like risograph grain, crumpled paper, denim, terrazzo or chrome, and build the palette that naturally belongs on it.
| Texture | Palette (hex) | Feels like | Best for |
|---|---|---|---|
| Risograph grain | Fluoro Pink #FF48B0, Teal #00838A, Sunflower #FFE800 on Off-white #F4F0E6 | A zine your cool friend made | Social posts, events |
| Chrome | Silver #C0C4CC, Icy Lilac #D9D2F5, Electric Blue #2D5BFF | Y2K, the future as seen in 2001 | Tech and crypto visuals |
| Terracotta and plaster | Baked Clay #C0623B, Sand #E3D3B8, Deep Olive #4D5130 | A slow Sunday | Lifestyle, wellness UI |
| Denim | Indigo #22335C, Stone Blue #7A90AE, Copper #B8733A | Rugged and easy | Fashion, youth brands |
| Velvet | Wine #5C1A2B, Emerald #0F5E4B, Antique Gold #B8913A | Expensive and slightly dramatic | Luxury, festive campaigns |
| Crumpled kraft paper | Kraft #B98D5E, Charcoal #2B2B2B, Stamp Red #D7261E | Handmade and honest | Indie brands, packaging |
Risograph palettes work for a real reason: those were the actual ink colours the machines printed with. So respect the history and the palette feels authentic, not borrowed.
What are some bold colour combinations nobody is using?
This is where how to pick brand colours gets fun. The boldest combos look wrong for a second and then look brilliant. Here are two sets: odd-couple palettes that feel editorial, and electric ones that practically hum on a screen. And if you want to see where this is heading, I mapped it out in web design trends for 2026 and 2027.
Odd couples that somehow work
| Combo | Hex | Why it works |
|---|---|---|
| Mustard, Lilac, Forest | #D9A520, #C7A8E8, #2F4B37 | Three colours that argue, but end up quirky and editorial |
| Brick and Baby Blue | #A3402F, #A9D3F5 | Heavy and earthy against soft and airy. Striking on posters |
| Mint, Maroon, Silver | #A8E6CF, #6B1E2E, #BFC3C9 | Fresh, dark and shiny at once. Slightly retro-futuristic |
Electric palettes for scroll-stopping posts
| Combo | Hex | Vibe |
|---|---|---|
| Acid Green and Hot Magenta on Black | #B7FF00, #FF1F8E, #0A0A0A | Pure rave energy |
| Ultraviolet and Highlighter Orange | #6A00F4, #FF7A00 | Two loud colours fighting. Nobody loses |
| Electric Cyan, Lemon, a touch of Red | #00E5FF, #FFF200, #FF2A2A | A glitching arcade screen |
| Laser Pink and Cobalt | #FF2BD6, #0047AB | Neon signs on wet streets at night |
| Lime and Electric Violet on Chalk | #A6FF00, #8F00FF, #F7F7F2 | Bright and sharp, fresh rather than clubby |
| Infrared and Toxic Chartreuse | #FF2400, #DFFF00 | Dangerous and loud. Use for one post, not a whole brand |
Still, one warning: electric palettes are seasoning, not the meal. Use them for one campaign or one post. A whole website in acid green is how you lose readers and gain eye doctors.
How to pick brand colours for UI and UX
In UI, give every colour a job. In other words, think in roles, not favourite shades. Your interface is a team, and a team where everyone wants to be the captain loses. For the tooling side of this, see my pick of design tools that make your apps look anti-AI-slop.
How to pick brand colours for each UI role
| Role | What it does | Example hex |
|---|---|---|
| Neutrals | Most of the screen. Keeps content readable | #FAFAF7, #E6E4DF, #1C1B19 |
| One primary brand colour | Main buttons, links, active states. Tells users what’s clickable | #3A5BFF |
| Success | Confirms things went right | #1E9E5A |
| Error | Warns things went wrong | #D7263D |
| Warning | Asks users to double-check | #F2A900 |
| Info | Neutral heads-ups | #2F80ED |
Keep semantic colours boring on purpose. Green means good, red means bad. After all, people already know this. Don’t make them learn a new language just to submit a form.
Where you can get bold in UI
- Accents and highlights. Badges, tags, toggles and hover states are the perfect spot for a wild colour like acid green or laser pink.
- Illustrations and empty states. Loading screens, onboarding and “nothing here yet” pages can go fully experimental. They don’t have to do any heavy lifting.
- Backgrounds and gradients. A bold gradient behind a hero section or a card adds personality, as long as the text on top stays readable.
The golden rule: check contrast every time. Your text and buttons must pass the WCAG contrast minimums. So body text needs a contrast ratio of at least 4.5:1 against its background.
How to pick brand colours: do’s and don’ts
So here is how to pick brand colours without regrets later. Three habits to keep and three to drop. In short, that’s the whole cheat sheet.
| Do | Don’t |
|---|---|
| Start with a purpose. Know the mood and the message before you pick a single colour. | Ignore contrast. Light grey text on white looks elegant. It also looks invisible. |
| Test in context. A colour changes on a phone, on a laptop and next to other colours. Check it in the real layout. | Rely on colour alone. Pair colour with icons or labels, so colour-blind users don’t miss an error state. |
| Limit your palette. Three to five core colours is plenty. More than that and your brand starts looking like a Holi aftermath. | Chase trends blindly. This year’s “it” colour is next year’s “oh no.” Make sure it fits the brand, not just the moodboard. |
How do you become a colourist in graphic design?
Learning how to pick brand colours is a craft, not a talent. Study six things, then practise daily in public. In short, that’s genuinely it. Finally, the rest is taste, and taste is just practice that has had enough coffee.
What to study to learn how to pick brand colours
- Colour theory fundamentals. Hue, saturation, value, temperature and harmony. Learn the rules properly before you break them well.
- Colour psychology and culture. How colours make people feel, and how meaning shifts across cultures. White means purity in some places and mourning in others.
- Colour models and systems. RGB for screens, CMYK for print, HEX and HSL for code, and Pantone for brand consistency.
- Accessibility and contrast. Learn WCAG contrast ratios and how colour-blind users see your designs.
- Light and colour in the real world. Study painting, photography and film colour grading. Watching how cinematographers use colour is a free masterclass.
- Tools. Get comfortable with Figma, Adobe Color and a good colour picker. Use them to sample and save, not to generate.
How to build a colourist portfolio
Finally, a portfolio is where you prove you know how to pick brand colours, not just admire them.
- Do a palette-a-day challenge. Post one palette daily with the story or mood behind it. It trains your eye and builds an audience at the same time.
- Show before and after. Take an existing brand or app and recolour it. Showing how your choices change the feel convinces clients faster than any CV.
- Make case studies, not just swatches. Apply your palettes to posters, app screens and social posts, and explain why you chose each colour.
FAQs about how to pick brand colours
How many colours should a brand palette have?
Three to five core colours. One hero colour, one or two supporting colours, a neutral for text and backgrounds, and one accent. Also, more than five gets messy fast.
What is the 60-30-10 rule in design?
It’s a ratio for using colour: 60% dominant colour, 30% secondary colour and 10% accent. It creates balance. Flip it on purpose when you want a design to stand out.
Are colour palette generators good for branding?
Not really. They produce safe, average combinations that look like everyone else’s. You get more distinctive palettes by pulling colours from real photos, cultures, moods and textures.
How do I choose a colour palette for a website or app?
Assign roles first: neutrals for most of the screen, one primary colour for clickable things, and standard semantic colours for success, error, warning and info. Save bold colours for accents, illustrations and empty states.
How do colours affect how people feel about a brand?
Colours trigger emotions before people read anything. Warm colours like red and orange feel energetic and urgent. Cool colours like blue and green feel calm and trustworthy. Culture changes these meanings, so know your audience.
What is a good contrast ratio for text?
WCAG asks for at least 4.5:1 for normal body text and 3:1 for large text. Use a contrast checker before you ship anything.
What does a colourist do in graphic design?
A colourist chooses and manages colour for brands, illustrations, UI and campaigns. They decide which colours carry which feeling and make sure the palette works across screens and print.
In the end, how to pick brand colours comes down to one habit. Choose the feeling first, then prove it with hex codes, roles and a contrast check before you ship.
