Make the brand easy to spot
This color should appear where recognition matters most.
Branding guide · Colors
Brand colors work when they help people recognize the brand faster.
Color is a cue, not decoration. The job is to make recognition easier while keeping contrast, accessibility, category context, and real surfaces under control.
Own a cue. The color should make the brand easier to spot.
Protect contrast. Text, buttons, and key signals must stay readable.
Test surfaces. A palette has to work on packaging, mobile, search, retail, email, and dark contexts.
Brand Colors
recognition · contrast · surface · memory
01
What brand colors mean.
Brand color is a recognition shortcut. It helps people identify the brand before they read the words.
Color has to serve a role. Primary, accent, surface, warning, background, and data colors should not compete for the same job.
Accessibility is not optional. If people cannot read or use the interface, the color system has failed its public job.
02
The jobs of a color system.
A palette is useful only when each color has a job and a boundary.
Guide the eye
Use it for signals and actions, not for full-page noise.
Give the page enough reading space
The background should support reading and images.
Mark states and meaning
Error, success, warning, and data colors need their own logic.
03
Color cues by color.
Color can cue emotion, but it does not force emotion. Category, culture, lighting, material, contrast, and nearby colors change the read.
Color
Common cue
Where it can work
Watch for
Red
Urgency, appetite, heat, danger, action
Food, sale moments, sport, alerts, campaign pressure
Accidental alarm or cheap discount energy
Blue
Competence, calm, trust, infrastructure
Finance, travel, technology, healthcare, enterprise, reliability
Blending into the safe corporate default
Yellow
Attention, optimism, speed, value
Retail, wayfinding, kids, delivery, energy, warning signals
Low contrast, fatigue, or bargain-bin feel
Green
Growth, nature, permission, health, renewal
Food, wellness, money, sustainability, garden, clean status
Generic eco language without proof
Orange
Energy, access, warmth, affordability
Retail, sports, service brands, creator tools, youth categories
Feeling loud or less premium than intended
Purple
Rarity, imagination, ceremony, indulgence
Beauty, entertainment, sweets, creative tools, premium sub-brands
Artificial luxury with no product proof
Black
Authority, luxury, control, night, seriousness
Fashion, watches, performance, editorial, premium packaging
Coldness, opacity, or fake premium theater
White
Cleanliness, space, simplicity, clinical order
Beauty, healthcare, technology, luxury, minimal packaging
Sterile feeling or lack of ownable cue
Brown and earth
Material, craft, food, age, soil, leather, warmth
Coffee, outdoor, furniture, heritage, natural goods
Dullness or old-world heaviness
Pink
Care, softness, play, sweetness, fashion, intimacy
Beauty, sweets, wellness, youth, social products
Gender cliche or loss of seriousness
Multicolor
Variety, platform, play, breadth, search
Marketplaces, creative suites, education, search, ecosystems
No hierarchy if every color has equal weight
04
How color triggers feeling.
The useful question is not what a color means in a chart. The useful question is what it makes the buyer expect in this category.
Mechanism
What happens
Brand use
Bad use
Biological cue
Warm colors can raise alertness; cool colors can feel calmer
Use it to support urgency, rest, speed, or care
Treating color as a universal emotion button
Learned cue
People learn color meaning from objects, categories, and repeated exposure
Use category memory: blue bank, green health, brown coffee
Ignoring culture, market, and product context
Contrast cue
High contrast feels clearer and more decisive
Use it for actions, labels, and proof points
Low-contrast brand color that makes the page hard to use
Material cue
The same color changes on paper, glass, fabric, metal, screen, and light
Test the palette on the actual surfaces
Approving a palette from a flat swatch alone
Neighbor cue
A color changes meaning beside another color
Pair colors to create hierarchy and temperature
Letting every accent compete at once
05
Where brand colors fail.
Color problems often look like taste problems. They are usually role problems.
The palette works only in a presentation
It collapses on forms, buttons, product photos, or search results.
The words become hard to read
Brand color is used for body copy, pale buttons, or low-contrast fields.
The color sends the wrong shelf cue
The palette makes the brand feel like another category before copy can correct it.
Every color wants attention
The page has no hierarchy because accent, primary, and background all compete.
Print, packaging, retail, and photography are ignored
The system looks good on one monitor and fails everywhere else.
The palette copies the current category look
The brand becomes harder to recognize because it blends in.
06
Color decision matrix.
Use the matrix before locking a palette or changing a known cue.
Question
Good answer
Weak answer
Fix
Recognition
One cue is easy to spot
Five colors compete
Choose one owner color and one accent.
Contrast
Text and controls pass readable contrast
Brand color overrides usability
Use darker text and reserve color for signals.
Category
The palette clarifies the shelf
The palette makes the category harder to place
Test beside competitors and adjacent choices.
Surface
Works on product, page, email, and mobile
Works only in the hero
Build a small surface board before approval.
Governance
Each color has a role
Designers choose by mood
Write role rules and examples.
07
Color approval checklist.
- The primary color is recognizable in a small crop.
- Body text stays near-black or otherwise meets contrast.
- Buttons, links, alerts, and backgrounds have separate roles.
- The palette works with real product and photography.
- The system has dark, light, print, and small-screen tests.
- The color is chosen because it feels fresh.
- The best version works only on a moodboard.
- Brand color is being used for long body copy.
- The palette blends into the category default.
- No one has tested forms, support pages, packaging, or email.
08
Use this for your brand.
Pressure-test the decision before buyers do.
If a name, color, mark, message, voice, or page is starting to affect sales or trust, get the public-facing decision checked before rollout makes it harder to change.
09
Useful sources and next pages.
Accessibility W3C WCAG contrast Readable color is part of the public system, not a late polish pass.
Design system Atlassian color foundations A mature color system separates roles, states, elevation, and contrast.
Work Private brand work Use this when a live palette needs recognition and usability review.